:root{
  --home-topbar:76px;
  --home-footer:66px;
  --home-bg:#020a13;
  --home-text:#f7fbff;
  --home-muted:#aebfd0;
  --home-blue:#58adff;
  --hex-w:238px;
  --hex-h:260px;
  --hex-gap:7px;
}
*{box-sizing:border-box}
html{min-height:100%;background:var(--home-bg)}
body.home-workbench{
  position:relative;isolation:isolate;margin:0;min-height:100vh;min-height:100dvh;
  padding:var(--home-topbar) 0 var(--home-footer);overflow-x:hidden;color:var(--home-text);
  background:#020a13;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
}
/* Real background layer: positive stacking fixes the v3.6.94 invisible-background bug. */
.home-backdrop{
  position:fixed;z-index:0;pointer-events:none;inset:var(--home-topbar) 0 var(--home-footer);
  background:url('home-research-lab-bg-v2.jpg') center center/cover no-repeat;
  transform:scale(1.018);
}
.home-backdrop::after{
  content:"";position:absolute;inset:0;background:
    radial-gradient(circle at 50% 47%,rgba(0,5,10,.04) 0 34%,rgba(0,5,10,.14) 58%,rgba(0,5,10,.38) 100%),
    linear-gradient(90deg,rgba(0,6,13,.24) 0%,rgba(0,6,13,.05) 31%,rgba(0,6,13,.04) 72%,rgba(0,6,13,.14) 100%);
}
.home-ambient{position:fixed;z-index:1;pointer-events:none;inset:var(--home-topbar) 0 var(--home-footer);overflow:hidden}
.home-ambient::before,.home-ambient::after{content:"";position:absolute;width:31vw;height:31vw;border-radius:50%;filter:none;opacity:.09}
.home-ambient::before{left:29%;top:12%;background:#008dff}.home-ambient::after{right:18%;bottom:-9%;background:#b52cff}
.home-scanline{position:fixed;z-index:2;pointer-events:none;left:0;right:0;top:var(--home-topbar);height:1px;background:linear-gradient(90deg,transparent,rgba(88,173,255,.25),transparent);opacity:.16;display:none}

/* Header. topbar/brand/language-selector hooks remain for existing global auth and language UI. */
.home-topbar{
  position:fixed;z-index:9000;inset:0 0 auto;height:var(--home-topbar);display:flex;align-items:center;gap:16px;padding:0 28px;
  background:linear-gradient(180deg,rgba(2,12,23,.99),rgba(3,14,26,.97));border-bottom:1px solid rgba(91,174,255,.25);
  box-shadow:0 9px 28px rgba(0,0,0,.22);backdrop-filter:none;
}
.home-brand{display:flex;align-items:center;gap:12px;min-width:224px;color:#fff;text-decoration:none;flex:0 0 auto}
.home-brand-logo{width:48px;height:48px;object-fit:contain;background:transparent!important;padding:0!important;border-radius:0!important;filter:drop-shadow(0 0 13px rgba(42,156,255,.32))}
.home-brand-copy strong{display:block;font-size:22px;line-height:1;font-weight:800;letter-spacing:-.6px}.home-brand-copy small{display:block;margin-top:4px;color:#a8bdd0;font-size:9px;font-weight:800;letter-spacing:1.65px}
.home-nav{display:flex;align-items:center;gap:8px;flex:0 0 auto}.home-nav-btn{position:relative;height:42px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid transparent;border-radius:10px;background:transparent;color:#f3f8fd;font:700 12px/1 inherit;cursor:pointer;transition:.2s}.home-nav-btn:hover{background:rgba(25,84,137,.24);border-color:rgba(93,177,255,.2)}.home-nav-btn.active{background:linear-gradient(180deg,rgba(12,82,156,.7),rgba(6,48,99,.75));border-color:#1d75d2;box-shadow:0 0 20px rgba(28,119,214,.15),inset 0 1px rgba(255,255,255,.08)}.home-nav-ico{font-size:18px}.home-divider{width:1px;height:24px;background:rgba(130,185,229,.12);margin:0 2px}
.home-search{min-width:230px;max-width:500px;flex:1 1 360px;margin-left:auto;height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid #1e4e79;border-radius:10px;background:linear-gradient(180deg,rgba(17,63,108,.82),rgba(10,43,77,.82));box-shadow:inset 0 1px rgba(255,255,255,.05);transition:.2s}.home-search:focus-within{border-color:#419fff;box-shadow:0 0 0 3px rgba(53,153,255,.1),0 0 24px rgba(40,134,231,.12);transform:translateY(-1px)}.home-search-icon{font-size:23px;line-height:1;color:#dcefff;transform:rotate(-15deg)}.home-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f6fbff;font-size:12px}.home-search input::placeholder{color:#d5e3ef;opacity:.88}
.home-icon-btn,.home-language-btn{height:42px;border:1px solid #183a59;border-radius:10px;background:rgba(3,18,31,.76);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:inset 0 1px rgba(255,255,255,.035)}.home-icon-btn{width:42px;flex:0 0 42px;padding:0;position:relative;cursor:default;font-size:19px}.home-icon-btn .dot{position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:#ff334b;box-shadow:0 0 0 2px #061321,0 0 8px rgba(255,51,75,.7)}
.home-language{position:relative;flex:0 0 auto}.home-language-btn{cursor:pointer;font-weight:800;font-size:11px;padding:0 10px}.home-language-menu{display:none;position:absolute;right:0;top:49px;min-width:148px;overflow:hidden;border:1px solid #244965;border-radius:10px;background:rgba(5,19,32,.98);box-shadow:0 18px 45px rgba(0,0,0,.4);backdrop-filter:none}.home-language-menu.open{display:block;animation:menuIn .18s ease both}.home-language-menu button{display:block;width:100%;border:0;background:transparent;color:#f5faff;text-align:left;padding:11px 13px;cursor:pointer;font-size:11px}.home-language-menu button:hover,.home-language-menu button.active{background:rgba(52,129,198,.18)}

/* Main: dimensions follow the approved screenshot rather than centering the cluster across the whole viewport. */
.home-stage{position:relative;z-index:5;width:min(1536px,100%);min-height:calc(100dvh - var(--home-topbar) - var(--home-footer));margin:0 auto;display:grid;grid-template-columns:270px 875px;align-items:center;justify-content:start;gap:10px;padding:26px 34px 24px 44px}
.home-copy{position:relative;align-self:start;margin-top:46px;padding:18px 0 0 4px;animation:copyIn .65s cubic-bezier(.2,.8,.2,1) both}.home-copy::before{content:"";position:absolute;z-index:-1;left:-26px;top:-18px;width:330px;height:340px;background:radial-gradient(circle at 35% 40%,rgba(3,11,19,.64),rgba(3,11,19,.23) 60%,transparent 80%);filter:blur(7px)}.home-copy .tag{display:block;color:#68bfff;font-size:10px;font-weight:900;letter-spacing:2.45px;margin-bottom:11px;text-shadow:0 0 18px rgba(68,166,255,.35)}.home-copy h1{margin:0;font-size:58px;line-height:.98;letter-spacing:-2.2px;font-weight:850;text-shadow:0 7px 24px rgba(0,0,0,.34)}.home-copy h1 span{color:#5aafff;background:linear-gradient(180deg,#72c4ff,#3894f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-copy h2{margin:10px 0 12px;font-size:24px;line-height:1.1;letter-spacing:-.45px}.home-copy p{margin:0;max-width:300px;color:#edf3f8;font-size:14px;line-height:1.55;text-shadow:0 2px 12px rgba(0,0,0,.78)}.home-copy .mini-line{width:76px;height:2px;margin-top:20px;background:linear-gradient(90deg,#55adff,transparent);box-shadow:0 0 12px rgba(69,166,255,.65)}
.home-grid-wrap{position:relative;display:grid;place-items:center;width:875px;min-height:780px}
.home-grid{position:relative;z-index:1;width:calc(var(--hex-w)*3.5 + var(--hex-gap)*2);padding-left:calc(var(--hex-w)/2 + var(--hex-gap)/2);display:flex;flex-direction:column;align-items:flex-start;perspective:1100px}
.home-grid-row{display:flex;gap:var(--hex-gap);height:auto;margin-top:-18px}.home-grid-row:first-child{margin-top:0}.home-grid-row.is-offset{transform:translateX(calc(var(--hex-w)/-2 + 12px))}
.home-hex{--accent:#58adff;position:relative;display:block;flex:0 0 var(--hex-w);width:var(--hex-w);height:var(--hex-h);color:#fff;text-decoration:none;isolation:isolate;clip-path:polygon(25% 1%,75% 1%,100% 50%,75% 99%,25% 99%,0 50%);filter:drop-shadow(0 15px 28px rgba(0,0,0,.5)) drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 34%,transparent));opacity:0;transform:translateY(17px) scale(.965);animation:hexIn .55s cubic-bezier(.18,.82,.22,1) var(--delay,0ms) forwards;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease}.home-hex::before{content:"";position:absolute;z-index:-4;inset:0;background:var(--accent);clip-path:inherit}.home-hex::after{content:"";position:absolute;z-index:8;inset:-42%;background:conic-gradient(from 0deg,transparent 0 78%,rgba(255,255,255,.7) 84%,transparent 89%);opacity:0;transform:rotate(-25deg);transition:opacity .25s;pointer-events:none;mix-blend-mode:screen}.home-hex-inner{position:absolute;z-index:-3;inset:2px;clip-path:inherit;background:#05111d}.home-hex-photo{position:absolute;z-index:-2;inset:2px;clip-path:inherit;background-position:center 35%;background-size:cover;filter:saturate(1.1) brightness(.9) contrast(1.05);transform:scale(1.01);transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .35s ease}.home-hex-shade{position:absolute;z-index:-1;inset:2px;clip-path:inherit;background:linear-gradient(180deg,rgba(0,0,0,.015) 0%,rgba(2,7,13,.05) 35%,rgba(2,8,15,.56) 57%,rgba(2,8,15,.96) 84%,rgba(2,8,15,.995) 100%)}.home-hex-glow{position:absolute;z-index:0;left:22%;right:22%;bottom:4%;height:8%;border-radius:50%;background:var(--accent);filter:blur(17px);opacity:.25;transition:opacity .28s}.home-hex-content{position:absolute;z-index:4;left:12%;right:12%;bottom:19px;min-height:146px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 4px 5px}.home-hex-content::before{content:"";position:absolute;z-index:-1;left:-10%;right:-10%;bottom:-8px;height:132px;background:radial-gradient(ellipse at center,rgba(1,7,13,.83) 0%,rgba(1,7,13,.54) 58%,transparent 83%);filter:blur(1px);pointer-events:none}.home-tool-icon{width:44px;height:44px;margin-bottom:8px;border-radius:11px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 80%,white 10%);background:rgba(4,15,27,.86);color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 1px rgba(255,255,255,.1);backdrop-filter:none;transition:.3s;flex:0 0 auto}.home-tool-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.home-hex-title{display:block;max-width:100%;font-size:15.5px;line-height:1.08;font-weight:850;letter-spacing:-.18px;text-wrap:balance;text-shadow:0 2px 11px #000,0 0 7px rgba(0,0,0,.9)}.home-hex-sub{display:block;max-width:98%;margin-top:7px;color:#f3f7fb;font-size:11.2px;line-height:1.32;font-weight:500;text-wrap:balance;text-shadow:0 2px 8px #000,0 0 6px rgba(0,0,0,.9)}.home-test-badge{position:absolute;z-index:5;top:25px;right:42px;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,210,93,.55);background:rgba(34,25,4,.72);color:#ffd968;font-size:7px;font-weight:900;letter-spacing:.8px}.home-favorite{position:absolute;z-index:7;top:30px;left:42px;width:29px;height:29px;border:1px solid rgba(255,255,255,.17);border-radius:9px;background:rgba(3,12,21,.6);color:#e7f3ff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(-4px);transition:.2s;backdrop-filter:none;font:700 17px/1 inherit}.home-favorite.is-favorite{opacity:1;color:#ffd45d;border-color:rgba(255,212,93,.4)}.home-hex:hover{z-index:20;transform:translateY(-7px) scale(1.035);filter:drop-shadow(0 20px 34px rgba(0,0,0,.56)) drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 64%,transparent))}.home-hex:hover::after{opacity:.28;animation:borderSweep .72s ease-out 1}.home-hex:hover .home-hex-photo{transform:scale(1.065);filter:saturate(1.18) brightness(.98) contrast(1.06)}.home-hex:hover .home-tool-icon{transform:translateY(-2px) scale(1.055);box-shadow:0 0 30px color-mix(in srgb,var(--accent) 48%,transparent),inset 0 1px rgba(255,255,255,.12)}.home-hex:hover .home-hex-glow{opacity:.48}.home-hex:hover .home-favorite,.home-hex:focus-within .home-favorite{opacity:1;transform:none}.home-hex:focus-visible{outline:none;filter:drop-shadow(0 0 21px var(--accent))}.home-grid-empty{align-self:center;justify-self:center;margin-left:calc(var(--hex-w)/-2);padding:24px 28px;border:1px solid rgba(96,174,240,.22);border-radius:14px;background:rgba(4,15,26,.82);color:#c6d6e5;text-align:center;backdrop-filter:none}

.home-footer{position:fixed;z-index:9000;inset:auto 0 0;height:var(--home-footer);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 28px;background:linear-gradient(180deg,rgba(5,17,29,.965),rgba(3,13,23,.99));border-top:1px solid rgba(79,160,226,.24);box-shadow:0 -10px 30px rgba(0,0,0,.24);backdrop-filter:none;color:#a9bacb;font-size:10px}.home-footer-brand{display:flex;align-items:center;gap:10px;min-width:0}.home-footer-logo{width:33px;height:33px;object-fit:contain}.home-footer-title strong{display:block;color:#f2f8fd;font-size:14px;line-height:1}.home-footer-title small{display:block;font-size:7px;letter-spacing:1.35px;margin-top:3px}.home-developed{display:flex;align-items:center;gap:6px;margin-left:8px;white-space:nowrap}.home-developed img{width:24px;height:24px;object-fit:contain}.home-footer-center{display:flex;align-items:center;gap:8px}.home-footer-btn{height:31px;padding:0 11px;border:1px solid #28506e;border-radius:9px;background:rgba(8,28,45,.88);color:#f5faff;font-weight:750;font-size:10px;cursor:pointer;transition:.2s}.home-footer-btn:hover{border-color:#4c9ddd;background:#0d3658;transform:translateY(-1px)}.home-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bd58e;margin-right:6px;box-shadow:0 0 8px rgba(43,213,142,.65)}.home-footer-right{justify-self:end;min-width:20px}
.home-overlay{position:fixed;z-index:12000;inset:var(--home-topbar) 0 var(--home-footer);display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,5,10,.74);backdrop-filter:none}.home-overlay.open{display:flex;animation:overlayIn .18s ease both}.home-dialog{width:min(720px,100%);max-height:min(720px,calc(100dvh - 190px));overflow:auto;padding:22px;border:1px solid #2b5574;border-radius:16px;background:linear-gradient(180deg,rgba(10,29,46,.985),rgba(4,17,29,.99));box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(26,112,183,.08)}.home-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.home-dialog h2{margin:0;font-size:19px}.home-dialog-subtitle{margin:5px 0 0;color:#9fb2c3;font-size:11px}.home-dialog-close{width:34px;height:34px;border:1px solid #2a506d;border-radius:9px;background:#0b263c;color:#fff;cursor:pointer;font-size:18px}.home-entry{padding:12px 0;border-bottom:1px solid rgba(89,148,193,.16)}.home-entry:last-child{border:0}.home-entry b{font-size:10px;color:#83bfff}.home-entry strong{display:block;margin-top:4px;font-size:13px}.home-entry p{margin:6px 0 0;color:#afc0cf;font-size:11px;line-height:1.45}.home-dialog-footer{text-align:right;margin-top:16px}.home-status-pre{white-space:pre-wrap;color:#b9c7d7;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;background:#06111c;border:1px solid rgba(75,145,200,.18);border-radius:10px;padding:12px;overflow:auto}.home-toast{position:fixed;z-index:13000;left:50%;bottom:82px;transform:translate(-50%,18px);opacity:0;pointer-events:none;padding:9px 13px;border:1px solid #2b5574;border-radius:10px;background:rgba(5,20,34,.96);color:#dbe9f5;font-size:11px;transition:.25s}.home-toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes homeBackdropDrift{0%{transform:scale(1.018) translate3d(-.18%,0,0)}100%{transform:scale(1.035) translate3d(.25%,-.18%,0)}}@keyframes ambientFloat{0%{transform:translate3d(-5%,-4%,0) scale(.92)}100%{transform:translate3d(8%,7%,0) scale(1.08)}}@keyframes scanline{0%{transform:translateY(0);opacity:0}8%{opacity:.15}92%{opacity:.09}100%{transform:translateY(calc(100dvh - var(--home-topbar) - var(--home-footer)));opacity:0}}@keyframes copyIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes hexIn{0%{opacity:0;transform:translateY(17px) scale(.965)}65%{opacity:1;transform:translateY(-2px) scale(1.004)}100%{opacity:1;transform:none}}@keyframes borderSweep{to{transform:rotate(335deg)}}@keyframes menuIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes overlayIn{from{opacity:0}to{opacity:1}}

@media(max-width:1280px){:root{--hex-w:208px;--hex-h:228px}.home-topbar{padding:0 16px;gap:10px}.home-brand{min-width:184px}.home-brand-logo{width:42px;height:42px}.home-brand-copy strong{font-size:19px}.home-nav-btn{padding:0 9px}.home-nav-btn span:last-child{display:none}.home-divider{display:none}.home-search{max-width:390px}.home-stage{grid-template-columns:238px 760px;gap:5px;padding-left:25px;padding-right:16px}.home-grid-wrap{width:760px;min-height:690px}.home-copy h1{font-size:50px}.home-copy h2{font-size:22px}.home-grid-row{margin-top:-14px}.home-hex-title{font-size:14px}.home-hex-sub{font-size:10.3px}}
@media(max-width:1040px){:root{--home-topbar:68px;--hex-w:190px;--hex-h:210px}.home-topbar{height:var(--home-topbar)}.home-brand{min-width:158px}.home-brand-copy small{display:none}.home-nav{gap:2px}.home-nav-btn{width:38px;padding:0;justify-content:center}.home-search{max-width:none}.home-icon-btn{display:none}.home-stage{grid-template-columns:1fr;justify-items:center;padding:88px 12px 30px}.home-copy{margin:0;text-align:center;padding:10px 16px 22px}.home-copy::before{left:50%;transform:translateX(-50%)}.home-copy p{margin:auto}.home-copy .mini-line{margin:18px auto 0}.home-grid-wrap{width:min(690px,100%);min-height:650px}}
@media(max-width:760px){:root{--home-topbar:64px;--home-footer:0px;--hex-w:164px;--hex-h:180px;--hex-gap:4px}body.home-workbench{padding-bottom:0}.home-topbar{height:64px;padding:0 9px;gap:7px}.home-brand{min-width:auto}.home-brand-logo{width:36px;height:36px}.home-brand-copy strong{font-size:15px}.home-nav{display:none}.home-search{position:absolute;left:10px;right:10px;top:71px;height:40px}.home-language-btn{height:38px}.home-backdrop,.home-ambient{inset:64px 0 0}.home-stage{display:block;padding:62px 7px 22px}.home-copy{padding:12px 10px 24px}.home-copy .tag{font-size:8px;letter-spacing:1.8px}.home-copy h1{font-size:40px}.home-copy h2{font-size:18px}.home-copy p{font-size:12px;max-width:285px}.home-grid-wrap{width:100%;min-height:0}.home-grid{width:100%;padding-left:0;align-items:center}.home-grid-row,.home-grid-row.is-offset{width:100%;transform:none;justify-content:center;flex-wrap:wrap;margin-top:4px;height:auto}.home-hex-content{left:10%;right:10%;bottom:14px;min-height:94px;padding:0 3px 3px}.home-tool-icon{width:34px;height:34px;margin-bottom:5px;border-radius:9px}.home-tool-icon svg{width:18px;height:18px}.home-hex-title{font-size:11.5px}.home-hex-sub{display:none}.home-favorite{top:18px;left:27px;width:25px;height:25px;opacity:1}.home-test-badge{top:18px;right:26px}.home-hex:hover{transform:translateY(-4px) scale(1.025)}.home-footer{position:relative;height:auto;min-height:72px;grid-template-columns:1fr auto;padding:13px 11px;gap:10px}.home-footer-title,.home-developed{display:none}.home-footer-center{justify-self:end}.home-footer-right{display:none}.home-overlay{inset:64px 0 0;padding:10px}.home-dialog{max-height:calc(100dvh - 88px)}.home-toast{bottom:18px}}
@media(max-width:420px){:root{--hex-w:148px;--hex-h:164px}.home-brand-copy{display:none}.home-search{right:8px;left:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.home-backdrop{transform:scale(1.02)}}

.home-footer .version,.home-footer .app-version,.home-footer [data-version],.home-footer [id*="version" i]{display:none!important}

/* v3.6.97 — shell integration, matched cyan chrome and unified search */
body.home-workbench{padding-bottom:var(--home-footer)!important}
.home-topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 2%,rgba(44,157,255,.45) 17%,rgba(64,184,255,.95) 50%,rgba(44,157,255,.45) 83%,transparent 98%);
  box-shadow:0 0 9px rgba(47,164,255,.72),0 0 23px rgba(27,126,226,.28);
}
.home-topbar{
  border-bottom-color:rgba(75,166,244,.42);
  box-shadow:0 9px 28px rgba(0,0,0,.28),0 8px 28px rgba(19,111,203,.11),inset 0 -1px 20px rgba(37,133,227,.055);
}
.home-brand{display:flex;align-items:center;gap:12px;min-width:224px;flex:0 0 auto}
.home-brand-link{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0;flex:0 0 auto}
.home-brand-link:focus-visible{outline:1px solid #59b6ff;outline-offset:5px;border-radius:8px}
.home-brand>.di-auth-actions{flex:0 0 auto}
.home-search-wrap{position:relative;min-width:230px;max-width:500px;flex:1 1 360px;margin-left:auto;z-index:9100}
.home-search-wrap .home-search{width:100%;min-width:0;max-width:none;margin-left:0;flex:none}
.home-search-results{
  position:absolute;z-index:9500;left:0;right:0;top:50px;max-height:min(520px,70vh);overflow:auto;
  border:1px solid rgba(71,158,231,.46);border-radius:13px;background:linear-gradient(180deg,rgba(5,23,39,.985),rgba(3,15,27,.99));
  box-shadow:0 22px 55px rgba(0,0,0,.54),0 0 35px rgba(39,137,224,.13);backdrop-filter:none;padding:7px;
}
.home-search-results[hidden]{display:none!important}
.home-search-section+.home-search-section{margin-top:5px;padding-top:5px;border-top:1px solid rgba(103,170,220,.12)}
.home-search-heading{padding:6px 8px 5px;color:#77bfff;font-size:9px;font-weight:900;letter-spacing:1.25px;text-transform:uppercase}
.home-search-result{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 9px;border:1px solid transparent;border-radius:9px;color:#f5faff;text-decoration:none;transition:.16s}
.home-search-result:hover,.home-search-result:focus-visible{outline:none;background:rgba(32,105,168,.18);border-color:rgba(77,168,241,.23)}
.home-search-result-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:9px;background:rgba(10,42,70,.76);border:1px solid rgba(83,169,238,.2);overflow:hidden;color:#77bfff;font-size:17px;font-weight:850}
.home-search-result-icon img{width:100%;height:100%;object-fit:contain;background:rgba(255,255,255,.035)}
.home-search-result-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.home-search-result-copy{min-width:0}.home-search-result-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.home-search-result-copy small{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fb6c9;font-size:9.5px}
.home-search-result-type{color:#72b8f0;font-size:9px;font-weight:800;white-space:nowrap}.home-search-state{padding:13px 10px;color:#a9bdce;font-size:11px;text-align:center}

/* Existing global auth/footer script must use this footer instead of creating a second version footer. */
body.home-workbench .footer.home-footer{
  position:fixed!important;z-index:9000!important;left:0!important;right:0!important;bottom:0!important;inset:auto 0 0!important;
  height:var(--home-footer)!important;min-height:var(--home-footer)!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;justify-content:initial!important;gap:20px!important;padding:0 28px!important;
  background:linear-gradient(180deg,rgba(5,17,29,.965),rgba(3,13,23,.99))!important;
  border-top:1px solid rgba(75,166,244,.42)!important;color:#a9bacb!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.28),0 -8px 28px rgba(19,111,203,.10),inset 0 1px 20px rgba(37,133,227,.05)!important;
  backdrop-filter:none!important;transform:none!important;visibility:visible!important;opacity:1!important;
}
body.home-workbench .footer.home-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent 2%,rgba(44,157,255,.45) 17%,rgba(64,184,255,.95) 50%,rgba(44,157,255,.45) 83%,transparent 98%);box-shadow:0 0 9px rgba(47,164,255,.72),0 0 23px rgba(27,126,226,.28);pointer-events:none}
body.home-workbench .footer.home-footer>.di-feedback-footer{justify-self:end!important;margin:0!important;white-space:nowrap}
.home-footer .di-global-version,.home-footer .version,.home-footer .app-version,.home-footer [data-version],.home-footer [id*="version" i]{display:none!important}

@media(max-width:1280px){.home-search-wrap{max-width:390px}.home-brand{min-width:184px}}
@media(max-width:1040px){.home-brand{min-width:158px}.home-search-wrap{max-width:none}}
@media(max-width:760px){
  .home-brand{min-width:auto}.home-search-wrap{position:absolute;left:10px;right:10px;top:71px;max-width:none;min-width:0;margin:0}.home-search-wrap .home-search{height:40px}.home-search-results{top:46px}
  body.home-workbench .footer.home-footer{position:relative!important;height:auto!important;min-height:72px!important;grid-template-columns:1fr auto!important;padding:13px 11px!important;gap:10px!important}
  body.home-workbench .footer.home-footer>.di-feedback-footer{grid-column:1/-1;justify-self:stretch!important;text-align:center;margin:0!important}
}
@media(max-width:420px){.home-search-wrap{right:8px;left:8px}}
@media(max-width:760px){.home-search-wrap .home-search{position:static;left:auto;right:auto;top:auto;width:100%;max-width:none}}

/* v3.7.2 — header order/control unification; v3.7.0 performance pass preserved */
:root{
  --home-chrome-bg:linear-gradient(180deg,#0b3556 0%,#072b49 44%,#041c31 100%);
  --home-chrome-border:#1c6397;
  --home-chrome-glow:rgba(57,170,255,.62);
  --home-control-bg:#0a3150;
  --home-control-border:#24638f;
}

/* Header and footer deliberately use the identical opaque blue master chrome. */
body.home-workbench .home-topbar,
body.home-workbench .footer.home-footer{
  background:var(--home-chrome-bg)!important;
  border-color:var(--home-chrome-border)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
body.home-workbench .home-topbar{
  border-bottom:1px solid var(--home-chrome-border)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.26),0 8px 28px rgba(21,121,210,.14),inset 0 -1px 0 rgba(110,198,255,.12)!important;
}
body.home-workbench .home-topbar::after,
body.home-workbench .footer.home-footer::before{
  content:"";position:absolute;left:0;right:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent 1%,rgba(46,151,233,.52) 15%,rgba(91,194,255,.98) 50%,rgba(46,151,233,.52) 85%,transparent 99%);
  box-shadow:0 0 8px var(--home-chrome-glow),0 0 20px rgba(22,119,203,.26);
}
body.home-workbench .home-topbar::after{bottom:-1px}
body.home-workbench .footer.home-footer::before{top:-1px}

/* Search moves left; realm + language are one clean control group. */
body.home-workbench .home-nav{gap:7px;flex:0 0 auto}
body.home-workbench .home-search-wrap{
  position:relative;z-index:9100;min-width:300px;max-width:760px;flex:1 1 620px;margin-left:2px;
}
body.home-workbench .home-search-wrap .home-search{width:100%;min-width:0;max-width:none;margin:0;flex:none}
.home-header-controls{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;z-index:9200}
.home-realm-slot,.home-language{position:relative;display:flex;align-items:center;flex:0 0 auto;min-width:0}
.home-realm{position:relative;display:flex;align-items:center}
.home-realm-button,.home-language-btn{
  height:42px!important;min-height:42px!important;margin:0!important;border:1px solid var(--home-control-border)!important;
  border-radius:10px!important;background:var(--home-control-bg)!important;color:#f5fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 5px 16px rgba(0,0,0,.12)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  font:800 11px/1 Inter,"Segoe UI",Roboto,Arial,sans-serif!important;white-space:nowrap;cursor:pointer;
}
.home-realm-button{min-width:126px;padding:0 11px!important}
.home-language-btn{min-width:78px;padding:0 10px!important}
.home-realm-button:hover,.home-language-btn:hover{border-color:#3a8fc8!important;background:#0d3c61!important}
.home-realm-button:focus-visible,.home-language-btn:focus-visible{outline:none!important;box-shadow:0 0 0 3px rgba(72,169,239,.15),inset 0 1px rgba(255,255,255,.06)!important}
.home-realm-button:disabled{opacity:.58;cursor:wait}
.home-realm-logo{width:27px;height:27px;object-fit:contain;flex:0 0 27px;filter:drop-shadow(0 0 7px rgba(93,180,255,.18))}
.home-realm-option-logo{width:28px;height:28px;object-fit:contain;flex:0 0 28px}
.home-realm-mark{font-size:15px;color:#ffd36b;line-height:1}.home-realm-name{overflow:hidden;text-overflow:ellipsis}.home-control-caret{font-size:12px;color:#a9c8dd}
.home-realm-menu,.home-language-menu{
  display:none;position:absolute;right:0;top:49px;z-index:9700;min-width:190px;padding:6px;overflow:hidden;
  border:1px solid #285a7f;border-radius:11px;background:#071d30;box-shadow:0 18px 45px rgba(0,0,0,.42);
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
.home-realm-menu.open,.home-language-menu.open{display:block;animation:menuIn .16s ease both}
.home-realm-option,.home-language-menu button{
  width:100%;min-height:38px;border:0!important;border-radius:7px!important;background:transparent!important;color:#f4f9fd!important;
  display:flex;align-items:center;gap:9px;padding:8px 9px!important;text-align:left;cursor:pointer;font:700 11px/1.2 inherit!important;
}
.home-realm-option:hover,.home-realm-option.active,.home-language-menu button:hover,.home-language-menu button.active{background:#103b5e!important}
.home-realm-option-mark{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#0f446d;color:#cfeaff;font-size:10px;font-weight:900;flex:none}
.home-realm-check{margin-left:auto;color:#74c9ff;font-size:13px}

/* Global search dropdown stays off the compositor until it is actually opened. */
.home-search-results{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* Footer stays minimal; global-auth may append only feedback on the right. */
body.home-workbench .footer.home-footer{
  position:fixed!important;z-index:9000!important;left:0!important;right:0!important;bottom:0!important;inset:auto 0 0!important;
  height:var(--home-footer)!important;min-height:var(--home-footer)!important;display:grid!important;grid-template-columns:1fr auto!important;
  align-items:center!important;gap:20px!important;padding:0 28px!important;color:#afc7d9!important;
  border-top:1px solid var(--home-chrome-border)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.25),0 -8px 28px rgba(21,121,210,.12),inset 0 1px 0 rgba(110,198,255,.10)!important;
}
body.home-workbench .footer.home-footer>.di-feedback-footer{justify-self:end!important;margin:0!important;white-space:nowrap}
body.home-workbench .home-developed{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;font-size:10px;color:#afc7d9;white-space:nowrap}
body.home-workbench .home-developed img{width:24px;height:24px;object-fit:contain}
body.home-workbench .home-footer>.home-footer-brand,body.home-workbench .home-footer>.home-footer-center,body.home-workbench .home-footer>.home-footer-title,body.home-workbench .home-footer>.home-footer-logo{display:none!important}
.home-footer .di-global-version,.home-footer .version,.home-footer .app-version,.home-footer [data-version],.home-footer [id*="version" i]{display:none!important}

/* Performance: keep one-shot entrance/hover motion, remove perpetual full-screen painting. */
.home-backdrop{animation:none!important;transform:scale(1.018)!important;will-change:auto!important}
.home-ambient{
  background:radial-gradient(circle at 35% 25%,rgba(0,132,238,.075),transparent 30%),radial-gradient(circle at 78% 82%,rgba(170,51,230,.055),transparent 28%);
}
.home-ambient::before,.home-ambient::after{display:none!important;animation:none!important;filter:none!important}
.home-scanline{display:none!important;animation:none!important}
.home-hex{will-change:auto!important;filter:drop-shadow(0 14px 25px rgba(0,0,0,.48))!important}
.home-hex:hover{filter:drop-shadow(0 18px 30px rgba(0,0,0,.54)) drop-shadow(0 0 13px color-mix(in srgb,var(--accent) 48%,transparent))!important}
.home-hex:hover::after{animation:borderSweep .72s ease-out 1!important}
.home-tool-icon,.home-favorite{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

@media(max-width:1280px){
  body.home-workbench .home-search-wrap{max-width:610px;min-width:240px}
  .home-realm-button{min-width:116px}
}
@media(max-width:1080px){
  body.home-workbench .home-brand-copy small{display:none}
  body.home-workbench .home-brand{min-width:160px}
  body.home-workbench .home-search-wrap{min-width:180px}
  .home-realm-button{min-width:108px}.home-realm-name{max-width:90px}
}
@media(min-width:1041px) and (max-height:800px){
  :root{--home-topbar:64px;--home-footer:48px;--hex-w:200px;--hex-h:218px;--hex-gap:6px}
  body.home-workbench .home-topbar{height:var(--home-topbar);padding-left:20px;padding-right:20px}
  body.home-workbench .home-brand-logo{width:40px;height:40px}
  body.home-workbench .home-brand-copy strong{font-size:19px}
  .home-stage{grid-template-columns:230px 735px;gap:4px;padding:8px 20px 6px 30px;min-height:calc(100dvh - var(--home-topbar) - var(--home-footer))}
  .home-copy{margin-top:23px;padding-top:9px}.home-copy h1{font-size:49px}.home-copy h2{font-size:20px}.home-copy p{font-size:12.5px;line-height:1.46}.home-copy .mini-line{margin-top:14px}
  .home-grid-wrap{width:735px;min-height:616px;align-self:start}
  .home-grid-row{margin-top:-18px}
  .home-hex-content{bottom:14px;min-height:124px;left:10%;right:10%}.home-tool-icon{width:39px;height:39px;margin-bottom:6px}.home-tool-icon svg{width:20px;height:20px}.home-hex-title{font-size:13.5px}.home-hex-sub{font-size:10px;line-height:1.3}
  body.home-workbench .footer.home-footer{height:var(--home-footer)!important;min-height:var(--home-footer)!important}
}
@media(max-width:760px){
  :root{--home-topbar:126px}
  body.home-workbench .home-topbar{height:var(--home-topbar);padding:0 11px;align-items:flex-start;padding-top:13px;gap:8px}
  body.home-workbench .home-brand{min-width:auto}
  body.home-workbench .home-nav{margin-left:auto}
  .home-nav-btn{padding:0 9px}
  .home-header-controls{margin-left:0}
  .home-realm-button{min-width:108px}.home-language-btn{min-width:68px}
  body.home-workbench .home-search-wrap{position:absolute;left:10px;right:10px;top:73px;max-width:none;min-width:0;margin:0}
  body.home-workbench .home-search-wrap .home-search{height:40px;position:static;width:100%;max-width:none}
  .home-search-results{top:46px}
  body.home-workbench .footer.home-footer{position:relative!important;height:auto!important;min-height:70px!important;grid-template-columns:1fr!important;padding:12px!important;gap:7px!important}
  body.home-workbench .footer.home-footer>.di-feedback-footer{grid-column:1!important;justify-self:start!important}
}
@media(max-width:520px){
  .home-brand-copy{display:none}.home-nav-btn span:last-child{display:none}.home-nav-btn{width:42px;padding:0;justify-content:center}
  .home-header-controls{gap:5px}.home-realm-button{min-width:98px;padding:0 8px!important}.home-realm-name{max-width:72px}.home-language-btn{min-width:62px;padding:0 7px!important}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}


/* v3.7.2 — Home → Suche → Profil → Realm → Sprache. All header controls share one component style. */
:root{
  --home-control-h:42px;
  --home-control-radius:10px;
  --home-control-fill:linear-gradient(180deg,#0e3a60 0%,#0a3151 100%);
  --home-control-fill-hover:linear-gradient(180deg,#12466f 0%,#0c385b 100%);
  --home-control-line:#2a6a98;
  --home-control-line-hover:#4598d0;
}
body.home-workbench .home-topbar{gap:12px}
body.home-workbench .home-brand{margin-right:2px}
body.home-workbench .home-nav{order:2;margin:0;flex:0 0 auto}
body.home-workbench .home-search-wrap{order:3;margin:0;flex:1 1 680px;max-width:none;min-width:260px}
body.home-workbench .home-profile-slot{order:4;display:flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:0;position:relative;z-index:9250}
body.home-workbench .home-header-controls{order:5;display:flex;align-items:center;gap:8px;flex:0 0 auto;margin:0}

body.home-workbench .home-nav-btn,
body.home-workbench .home-profile-slot .di-auth-button,
body.home-workbench .home-profile-slot .di-profile-button,
body.home-workbench .home-realm-button,
body.home-workbench .home-language-btn{
  height:var(--home-control-h)!important;
  min-height:var(--home-control-h)!important;
  border:1px solid var(--home-control-line)!important;
  border-radius:var(--home-control-radius)!important;
  background:var(--home-control-fill)!important;
  color:#f6fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 16px rgba(0,0,0,.12)!important;
  font:800 12px/1 Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.home-workbench .home-nav-btn:hover,
body.home-workbench .home-profile-slot .di-auth-button:hover,
body.home-workbench .home-profile-slot .di-profile-button:hover,
body.home-workbench .home-realm-button:hover,
body.home-workbench .home-language-btn:hover{
  border-color:var(--home-control-line-hover)!important;
  background:var(--home-control-fill-hover)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(77,158,216,.08),0 6px 18px rgba(0,0,0,.14)!important;
}
body.home-workbench .home-nav-btn:focus-visible,
body.home-workbench .home-profile-slot .di-auth-button:focus-visible,
body.home-workbench .home-profile-slot .di-profile-button:focus-visible,
body.home-workbench .home-realm-button:focus-visible,
body.home-workbench .home-language-btn:focus-visible{
  outline:none!important;
  border-color:#59b3ee!important;
  box-shadow:0 0 0 3px rgba(72,169,239,.15),inset 0 1px rgba(255,255,255,.06)!important;
}
body.home-workbench .home-nav-btn.active{
  border-color:#3f91c9!important;
  background:var(--home-control-fill)!important;
  box-shadow:inset 0 -2px 0 rgba(84,184,255,.5),inset 0 1px 0 rgba(255,255,255,.06),0 5px 16px rgba(0,0,0,.12)!important;
}
body.home-workbench .home-nav-btn{padding:0 14px!important;justify-content:center;gap:8px}
body.home-workbench .home-profile-slot .di-auth-actions{display:flex!important;align-items:center!important;gap:0!important;margin:0!important;padding:0!important}
body.home-workbench .home-profile-slot .di-auth-button,
body.home-workbench .home-profile-slot .di-profile-button{padding:0 12px!important;gap:8px!important;white-space:nowrap!important}
body.home-workbench .home-profile-slot .di-profile-button.visible{display:flex!important}
body.home-workbench .home-profile-slot .di-user-dot{width:9px;height:9px;flex:0 0 9px}
body.home-workbench .home-realm-button{padding:0 11px!important}
body.home-workbench .home-language-btn{padding:0 10px!important}
body.home-workbench .home-search-wrap .home-search{height:var(--home-control-h)!important;border-radius:var(--home-control-radius)!important}

@media(max-width:1280px){
  body.home-workbench .home-topbar{gap:9px}
  body.home-workbench .home-search-wrap{min-width:210px;max-width:none}
  body.home-workbench .home-profile-slot .di-profile-label{max-width:88px;overflow:hidden;text-overflow:ellipsis}
  body.home-workbench .home-profile-slot .di-auth-button,
  body.home-workbench .home-profile-slot .di-profile-button{padding:0 9px!important}
}
@media(max-width:1040px){
  body.home-workbench .home-search-wrap{min-width:160px}
  body.home-workbench .home-profile-slot .di-profile-label{display:none}
  body.home-workbench .home-profile-slot .di-auth-button,
  body.home-workbench .home-profile-slot .di-profile-button{width:42px;min-width:42px;padding:0!important}
  body.home-workbench .home-profile-slot .di-profile-button span:last-child{display:none}
}
@media(max-width:760px){
  body.home-workbench .home-topbar{display:flex;flex-wrap:nowrap}
  body.home-workbench .home-nav{display:flex!important;margin-left:0}
  body.home-workbench .home-nav-btn{width:42px!important;padding:0!important}
  body.home-workbench .home-nav-btn span:last-child{display:none}
  body.home-workbench .home-profile-slot{margin-left:auto}
  body.home-workbench .home-header-controls{gap:5px}
  body.home-workbench .home-search-wrap{position:absolute;left:10px;right:10px;top:73px;max-width:none;min-width:0;margin:0}
}


/* v3.7.4 — Hexagon-only reference match. Everything outside the honeycomb is intentionally untouched. */
:root{
  --hex-w:218px;
  --hex-h:270px;
  --hex-gap:6px;
  --hex-row-overlap:-48px;
}
.home-grid-wrap{
  width:835px;
  min-height:730px;
}
.home-grid{
  width:calc(var(--hex-w)*3.5 + var(--hex-gap)*2.5);
  padding-left:calc(var(--hex-w)/2 + var(--hex-gap)/2);
  align-items:flex-start;
}
.home-grid-row{
  gap:var(--hex-gap);
  margin-top:var(--hex-row-overlap);
}
.home-grid-row:first-child{margin-top:0}
.home-grid-row.is-offset{transform:translateX(calc(var(--hex-w)/-2 + 12px))}

/* Point-up / point-down geometry exactly like the supplied reference. */
.home-hex{
  width:var(--hex-w);
  height:var(--hex-h);
  flex-basis:var(--hex-w);
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.48)) drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 38%,transparent))!important;
  transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease;
}
.home-hex::before{
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 94%,white 6%),var(--accent) 55%,color-mix(in srgb,var(--accent) 76%,#00101d 24%));
}
.home-hex-inner{inset:2px;background:#03101b}
.home-hex-photo{
  inset:2px;
  /* The source artwork was composed for this point-up geometry. Filling by height keeps
     its luminous roof lines and subject framing aligned with the hexagon edges. */
  background-size:auto 100%;
  background-position:50% 0;
  background-repeat:no-repeat;
  filter:saturate(1.12) brightness(.98) contrast(1.05);
  transform:scale(1.005);
}
.home-hex[data-tool-key="markettracker"] .home-hex-photo{background-position:61% 0}
.home-hex[data-tool-key="company-ranking"] .home-hex-photo{background-position:50% 0}
.home-hex[data-tool-key="certificateexplorer"] .home-hex-photo{background-position:48% 0}
.home-hex[data-tool-key="board-analyzer"] .home-hex-photo{background-position:50% 0}
.home-hex[data-tool-key="construction-planner"] .home-hex-photo{background-position:51% 0}
.home-hex[data-tool-key="financial-dashboard"] .home-hex-photo{background-position:50% 0}
.home-hex-shade{
  inset:2px;
  background:
    linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,4,9,.01) 38%,rgba(1,7,13,.26) 50%,rgba(1,7,13,.70) 66%,rgba(1,7,13,.94) 82%,rgba(1,7,13,.995) 100%),
    linear-gradient(90deg,rgba(0,0,0,.08),transparent 22%,transparent 78%,rgba(0,0,0,.08));
}
.home-hex-glow{left:25%;right:25%;bottom:4%;height:7%;filter:blur(14px);opacity:.21}

/* Reference layout: icon at mid-card, title underneath, description safely above the lower tip. */
.home-hex-content{
  left:11%;right:11%;bottom:33px;
  min-height:113px;
  padding:0 3px 0;
}
.home-hex-content::before{
  left:-8%;right:-8%;bottom:-16px;height:130px;
  background:radial-gradient(ellipse at center,rgba(1,7,13,.80) 0%,rgba(1,7,13,.52) 58%,transparent 85%);
  filter:none;
}
.home-tool-icon{
  width:42px;height:42px;margin-bottom:7px;border-radius:11px;
  background:rgba(4,17,29,.90);
  border-color:color-mix(in srgb,var(--accent) 86%,white 10%);
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 34%,transparent),inset 0 1px rgba(255,255,255,.10);
}
.home-tool-icon svg{width:22px;height:22px;stroke-width:1.9}
.home-hex-title{
  min-height:32px;
  display:flex;align-items:center;justify-content:center;
  font-size:15.2px;line-height:1.06;font-weight:850;letter-spacing:-.18px;
  text-shadow:0 2px 10px #000,0 0 6px rgba(0,0,0,.92);
}
.home-hex-sub{
  margin-top:5px;max-width:96%;min-height:28px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
  color:#f5f8fb;font-size:10.9px;line-height:1.27;font-weight:500;
  text-shadow:0 2px 8px #000,0 0 5px rgba(0,0,0,.9);
}

/* Favorites no longer exist in the hexagon UI. Keep this defensive rule for stale cached markup. */
.home-favorite{display:none!important}
.home-test-badge{top:40px;right:28px}
.home-hex:hover{
  transform:translateY(-5px) scale(1.026);
  filter:drop-shadow(0 17px 27px rgba(0,0,0,.54)) drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 54%,transparent))!important;
}
.home-hex:hover .home-hex-photo{transform:scale(1.035);filter:saturate(1.16) brightness(1.01) contrast(1.05)}
.home-hex:hover .home-tool-icon{transform:translateY(-1px) scale(1.04)}

@media(max-width:1280px) and (min-width:1041px) and (min-height:801px){
  :root{--hex-w:198px;--hex-h:246px;--hex-gap:5px;--hex-row-overlap:-43px}
  .home-grid-wrap{width:770px;min-height:666px}
  .home-hex-content{bottom:30px;min-height:103px}
  .home-tool-icon{width:39px;height:39px;margin-bottom:6px}.home-tool-icon svg{width:20px;height:20px}
  .home-hex-title{font-size:13.8px;min-height:30px}.home-hex-sub{font-size:10px;min-height:25px}
}
@media(min-width:1041px) and (max-height:800px){
  :root{--hex-w:176px;--hex-h:218px;--hex-gap:5px;--hex-row-overlap:-37px}
  .home-grid-wrap{width:650px;min-height:584px;align-self:start}
  .home-grid-row{margin-top:var(--hex-row-overlap)}.home-grid-row:first-child{margin-top:0}
  .home-hex-content{left:10%;right:10%;bottom:25px;min-height:90px;padding-bottom:0}
  .home-hex-content::before{height:100px;bottom:-13px}
  .home-tool-icon{width:35px;height:35px;margin-bottom:5px;border-radius:9px}.home-tool-icon svg{width:18px;height:18px}
  .home-hex-title{font-size:12.2px;line-height:1.04;min-height:26px}.home-hex-sub{font-size:9px;line-height:1.24;min-height:22px;margin-top:4px}
  .home-test-badge{top:31px;right:23px}
}
@media(max-width:1040px) and (min-width:761px){
  :root{--hex-w:178px;--hex-h:222px;--hex-gap:5px;--hex-row-overlap:-38px}
  .home-grid-wrap{width:min(660px,100%);min-height:590px}
  .home-hex-content{bottom:25px;min-height:92px}.home-tool-icon{width:35px;height:35px;margin-bottom:5px}.home-tool-icon svg{width:18px;height:18px}.home-hex-title{font-size:12.4px;min-height:27px}.home-hex-sub{font-size:9.2px;min-height:23px}
}
@media(max-width:760px){
  :root{--hex-w:164px;--hex-h:204px;--hex-gap:4px}
  .home-grid{width:100%;padding-left:0}
  .home-grid-row,.home-grid-row.is-offset{transform:none;margin-top:4px}
  .home-hex-content{bottom:23px;min-height:82px}.home-hex-title{font-size:11.5px;min-height:25px}.home-hex-sub{display:none}.home-tool-icon{width:33px;height:33px;margin-bottom:4px}
}

/* v3.7.5 — German hexagon interiors use the approved reference artwork 1:1.
   Geometry/order/header/footer stay untouched. English keeps the live translated cards. */
.home-hex.is-reference::before,
.home-hex.is-reference::after{display:none!important}
.home-hex.is-reference{background:#03101b!important}
.home-hex-reference{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  clip-path:inherit;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
  pointer-events:none;
}
.home-hex.is-reference .home-test-badge{display:none!important}
.home-hex.is-reference:hover{
  transform:translateY(-5px) scale(1.026);
  filter:drop-shadow(0 17px 27px rgba(0,0,0,.54)) drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 48%,transparent))!important;
}


/* v3.7.8 — transparent premium hexagon artworks with dynamic DE/EN text */
.home-hex.is-artwork::before,
.home-hex.is-artwork .home-hex-inner,
.home-hex.is-artwork .home-hex-photo,
.home-hex.is-artwork .home-hex-shade,
.home-hex.is-artwork .home-hex-glow,
.home-hex.is-artwork .home-tool-icon{display:none!important}
.home-hex.is-artwork{background:transparent!important;filter:drop-shadow(0 15px 28px rgba(0,0,0,.52))!important}
.home-hex.is-artwork::after{display:none!important}
.home-hex-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transform:translateZ(0);transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .28s ease}
.home-hex.is-artwork .home-hex-content{left:12%;right:12%;bottom:24px;min-height:92px;justify-content:flex-end;padding:0 6px 2px;z-index:4}
.home-hex.is-artwork .home-hex-content::before{display:none!important}
.home-hex.is-artwork .home-hex-title{font-size:15.3px;line-height:1.06;font-weight:900;letter-spacing:-.15px;text-shadow:0 2px 12px rgba(0,0,0,.92),0 0 6px rgba(0,0,0,.84)}
.home-hex.is-artwork .home-hex-sub{margin-top:7px;font-size:11px;line-height:1.28;color:#f6fbff;text-shadow:0 2px 10px rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.82)}
.home-hex.is-artwork:hover .home-hex-art{transform:scale(1.028);filter:saturate(1.06) brightness(1.03)}
.home-hex.is-artwork[data-tool-key="markettracker"] .home-hex-content{bottom:22px}
.home-hex.is-artwork[data-tool-key="company-ranking"] .home-hex-content{bottom:22px}
.home-hex.is-artwork[data-tool-key="certificateexplorer"] .home-hex-content{bottom:22px}
.home-hex.is-artwork[data-tool-key="board-analyzer"] .home-hex-content{bottom:22px}
.home-hex.is-artwork[data-tool-key="construction-planner"] .home-hex-content{bottom:22px}
.home-hex.is-artwork[data-tool-key="financial-dashboard"] .home-hex-content{bottom:22px}
@media(min-width:1041px) and (max-height:800px){
  .home-hex.is-artwork .home-hex-content{bottom:20px;min-height:84px;left:11%;right:11%}
  .home-hex.is-artwork .home-hex-title{font-size:14.3px}
  .home-hex.is-artwork .home-hex-sub{font-size:10.2px;line-height:1.24}
}
@media(max-width:1280px){
  .home-hex.is-artwork .home-hex-content{bottom:21px;min-height:84px}
  .home-hex.is-artwork .home-hex-title{font-size:14.2px}
  .home-hex.is-artwork .home-hex-sub{font-size:10.1px}
}
@media(max-width:760px){
  .home-hex.is-artwork .home-hex-content{left:11%;right:11%;bottom:18px;min-height:63px;padding:0 4px 0}
  .home-hex.is-artwork .home-hex-title{font-size:11.7px;line-height:1.05}
  .home-hex.is-artwork .home-hex-sub{display:none}
}


/* v3.7.9 — PWA/mobile readability pass; desktop/master layout unchanged */
@media (max-width:760px){
  :root{
    --hex-w:min(44vw,168px);
    --hex-h:calc(var(--hex-w) * 1.235);
    --hex-gap:6px;
    --home-footer:0px;
  }
  body.home-workbench{
    min-height:100dvh;
    padding-bottom:0!important;
    overflow-x:hidden;
    -webkit-text-size-adjust:100%;
  }
  .home-stage{
    display:block!important;
    min-height:auto!important;
    padding:58px 8px 24px!important;
  }
  .home-copy{
    margin:0 auto!important;
    padding:12px 10px 18px!important;
    max-width:390px;
    text-align:center;
  }
  .home-copy .tag{font-size:7.5px!important;letter-spacing:1.55px!important;margin-bottom:7px!important}
  .home-copy h1{font-size:34px!important;letter-spacing:-1.3px!important}
  .home-copy h2{font-size:17px!important;margin:7px 0 8px!important}
  .home-copy p{font-size:11px!important;line-height:1.38!important;max-width:310px!important;margin:auto!important}
  .home-copy .mini-line{margin:12px auto 0!important}
  .home-grid-wrap{width:100%!important;min-height:0!important;display:block!important;padding:0 0 18px!important}
  .home-grid{
    width:100%!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,var(--hex-w))!important;
    justify-content:center!important;
    align-items:start!important;
    gap:6px 5px!important;
    perspective:none!important;
  }
  .home-grid-row,.home-grid-row.is-offset{display:contents!important;transform:none!important;margin:0!important}
  .home-hex{width:var(--hex-w)!important;height:var(--hex-h)!important;flex-basis:var(--hex-w)!important}
  .home-hex.is-artwork .home-hex-content{
    left:10%!important;right:10%!important;bottom:15px!important;
    min-height:70px!important;padding:0 3px!important;
    justify-content:flex-end!important;
  }
  .home-hex.is-artwork .home-hex-title{
    display:block!important;min-height:0!important;
    font-size:11.6px!important;line-height:1.04!important;font-weight:900!important;
    text-shadow:0 2px 9px rgba(0,0,0,.96),0 0 4px rgba(0,0,0,.88)!important;
  }
  .home-hex.is-artwork .home-hex-sub{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    max-width:96%!important;min-height:21px!important;
    margin-top:4px!important;
    font-size:8.6px!important;line-height:1.22!important;font-weight:600!important;
    color:#f8fbff!important;
    text-shadow:0 2px 8px rgba(0,0,0,.98),0 0 4px rgba(0,0,0,.9)!important;
  }
  .home-hex.is-artwork:hover{transform:none!important}
  .home-hex.is-artwork:hover .home-hex-art{transform:none!important;filter:none!important}
  body.home-workbench .footer.home-footer{
    position:relative!important;inset:auto!important;height:auto!important;min-height:58px!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    grid-template-columns:1fr!important;gap:6px!important;
  }
  body.home-workbench .home-developed{justify-self:center!important;font-size:9px!important}
  body.home-workbench .footer.home-footer>.di-feedback-footer{justify-self:center!important;text-align:center!important}
}

/* Standalone PWA: respect iOS/Android safe areas and keep controls reachable. */
@media (display-mode:standalone){
  body.home-workbench{padding-top:calc(var(--home-topbar) + env(safe-area-inset-top))!important}
  body.home-workbench .home-topbar{
    padding-top:env(safe-area-inset-top)!important;
    height:calc(var(--home-topbar) + env(safe-area-inset-top))!important;
  }
  .home-backdrop,.home-ambient{top:calc(var(--home-topbar) + env(safe-area-inset-top))!important}
}
@media (display-mode:standalone) and (max-width:760px){
  :root{--home-topbar:118px}
  body.home-workbench .home-topbar{
    align-items:flex-start!important;
    padding-left:10px!important;padding-right:10px!important;
    gap:6px!important;
  }
  body.home-workbench .home-brand{min-width:auto!important}
  body.home-workbench .home-brand-logo{width:34px!important;height:34px!important}
  body.home-workbench .home-brand-copy{display:none!important}
  body.home-workbench .home-nav{margin-left:0!important}
  body.home-workbench .home-nav-btn{height:38px!important;width:40px!important;padding:0!important;justify-content:center!important}
  body.home-workbench .home-profile-slot{margin-left:auto!important;min-width:0!important}
  body.home-workbench .home-header-controls{gap:4px!important}
  .home-realm-button{height:38px!important;min-height:38px!important;min-width:98px!important;padding:0 7px!important}
  .home-realm-logo{width:23px!important;height:23px!important;flex-basis:23px!important}
  .home-language-btn{height:38px!important;min-height:38px!important;min-width:62px!important;padding:0 7px!important}
  body.home-workbench .home-search-wrap{
    position:absolute!important;left:10px!important;right:10px!important;
    top:calc(env(safe-area-inset-top) + 62px)!important;
    width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;
  }
  body.home-workbench .home-search-wrap .home-search{height:40px!important;width:100%!important}
  .home-search-results{max-height:min(58dvh,430px)!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  .home-stage{padding-top:18px!important}
}

/* v3.7.10 — mobile/PWA text-fit + persistent footer hotfix */
@media (max-width:760px){
  :root{
    --hex-w:min(45.5vw,174px);
    --hex-h:calc(var(--hex-w) * 1.255);
    --hex-gap:4px;
    --pwa-footer-h:66px;
  }
  body.home-workbench{
    padding-bottom:calc(var(--pwa-footer-h) + env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  .home-stage{
    padding-bottom:calc(28px + var(--pwa-footer-h) + env(safe-area-inset-bottom))!important;
  }
  .home-grid{
    grid-template-columns:repeat(2,var(--hex-w))!important;
    column-gap:4px!important;
    row-gap:6px!important;
  }
  .home-hex.is-artwork .home-hex-content{
    left:9%!important;
    right:9%!important;
    bottom:20px!important;
    min-height:82px!important;
    max-height:none!important;
    padding:0 2px 1px!important;
    overflow:visible!important;
  }
  .home-hex.is-artwork .home-hex-title{
    display:block!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    font-size:11.2px!important;
    line-height:1.04!important;
    font-weight:900!important;
    text-wrap:balance!important;
  }
  .home-hex.is-artwork .home-hex-sub{
    display:block!important;
    -webkit-line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    overflow:visible!important;
    max-height:none!important;
    min-height:0!important;
    max-width:100%!important;
    margin-top:4px!important;
    font-size:8.25px!important;
    line-height:1.17!important;
    font-weight:600!important;
    text-wrap:balance!important;
  }
  body.home-workbench .footer.home-footer{
    position:fixed!important;
    left:0!important;right:0!important;bottom:0!important;top:auto!important;
    z-index:9800!important;
    width:100%!important;
    min-height:var(--pwa-footer-h)!important;
    height:auto!important;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:8px!important;
    background:var(--home-chrome-bg)!important;
    border-top:1px solid var(--home-chrome-border)!important;
    box-shadow:0 -8px 24px rgba(0,0,0,.35),0 -1px 14px rgba(52,164,244,.18)!important;
  }
  body.home-workbench .home-developed{
    display:flex!important;
    justify-self:start!important;
    align-items:center!important;
    font-size:9px!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  body.home-workbench .footer.home-footer>.di-feedback-footer{
    display:flex!important;
    justify-self:end!important;
    align-items:center!important;
    margin:0!important;
    text-align:right!important;
    white-space:nowrap!important;
  }
  .home-backdrop,.home-ambient{
    bottom:calc(var(--pwa-footer-h) + env(safe-area-inset-bottom))!important;
  }
}
@media (max-width:390px){
  :root{--hex-w:min(45vw,166px)}
  .home-hex.is-artwork .home-hex-content{bottom:18px!important;min-height:78px!important;left:8.5%!important;right:8.5%!important}
  .home-hex.is-artwork .home-hex-title{font-size:10.7px!important}
  .home-hex.is-artwork .home-hex-sub{font-size:7.8px!important;line-height:1.15!important}
  body.home-workbench .footer.home-footer{grid-template-columns:1fr!important;gap:4px!important}
  body.home-workbench .footer.home-footer>.di-feedback-footer{justify-self:start!important;text-align:left!important}
}

/* v3.7.14 — same fixed/compact master chrome on Home/PWA */
:root{--home-footer:44px}
body.home-workbench{padding-bottom:calc(44px + env(safe-area-inset-bottom,0px))!important}
body.home-workbench .home-topbar{
  position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;inset:0 0 auto 0!important;
  transform:none!important;margin:0!important;
}
body.home-workbench .footer.home-footer{
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;inset:auto 0 0 0!important;
  min-height:44px!important;height:calc(44px + env(safe-area-inset-bottom,0px))!important;
  padding:0 12px env(safe-area-inset-bottom,0px)!important;
  display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:8px!important;
}
body.home-workbench .home-developed{display:flex!important;justify-self:start!important;font-size:8.5px!important;margin:0!important;white-space:nowrap!important}
body.home-workbench .home-developed img{width:19px!important;height:19px!important}
body.home-workbench .footer.home-footer>.di-feedback-footer{justify-self:end!important;margin:0!important;font-size:8.5px!important;line-height:1!important;white-space:nowrap!important}
@media(max-width:760px){
  :root{--home-footer:42px;--pwa-footer-h:42px}
  body.home-workbench{padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))!important}
  body.home-workbench .footer.home-footer{
    min-height:42px!important;height:calc(42px + env(safe-area-inset-bottom,0px))!important;
    padding:0 10px env(safe-area-inset-bottom,0px)!important;grid-template-columns:1fr auto!important;gap:6px!important;
  }
  .home-stage{padding-bottom:calc(22px + 42px + env(safe-area-inset-bottom,0px))!important}
  .home-backdrop,.home-ambient{bottom:calc(42px + env(safe-area-inset-bottom,0px))!important}
}
@media(display-mode:standalone) and (max-width:760px){
  :root{--home-footer:40px;--pwa-footer-h:40px}
  body.home-workbench{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))!important}
  body.home-workbench .footer.home-footer{min-height:40px!important;height:calc(40px + env(safe-area-inset-bottom,0px))!important}
  .home-stage{padding-bottom:calc(22px + 40px + env(safe-area-inset-bottom,0px))!important}
  .home-backdrop,.home-ambient{bottom:calc(40px + env(safe-area-inset-bottom,0px))!important}
}


/* v3.7.30 — never clip the dynamic hexagon subtitle */
.home-hex.is-artwork .home-hex-content{
  overflow:visible!important;
  max-height:none!important;
}
.home-hex.is-artwork .home-hex-title,
.home-hex.is-artwork .home-hex-sub{
  overflow:visible!important;
  max-height:none!important;
  white-space:normal!important;
  text-overflow:clip!important;
}
.home-hex.is-artwork .home-hex-sub{
  display:block!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  text-wrap:balance!important;
}
@media(max-width:760px){
  .home-hex.is-artwork .home-hex-content{
    left:8.5%!important;right:8.5%!important;
    bottom:17px!important;min-height:88px!important;
    padding:0 2px!important;
    justify-content:flex-end!important;
  }
  .home-hex.is-artwork .home-hex-title{
    font-size:11px!important;line-height:1.04!important;
  }
  .home-hex.is-artwork .home-hex-sub{
    display:block!important;
    margin-top:4px!important;
    max-width:100%!important;
    font-size:8.15px!important;line-height:1.16!important;
    min-height:0!important;
  }
}
@media(max-width:390px){
  .home-hex.is-artwork .home-hex-content{
    left:7.5%!important;right:7.5%!important;
    bottom:15px!important;min-height:91px!important;
  }
  .home-hex.is-artwork .home-hex-title{font-size:10.4px!important}
  .home-hex.is-artwork .home-hex-sub{font-size:7.65px!important;line-height:1.14!important}
}


/* v3.7.33 — selectable Home views.
   Hexagon stays the default/current master. SAP only changes the content area. */
.home-stage{position:relative}
.home-theme-switch{
  position:absolute;z-index:40;top:24px;right:30px;
  display:flex;align-items:center;gap:5px;padding:5px;
  border:1px solid rgba(68,152,218,.28);border-radius:11px;
  background:linear-gradient(180deg,rgba(8,35,58,.9),rgba(4,21,37,.92));
  box-shadow:0 9px 26px rgba(0,0,0,.2)
}
.home-theme-switch-label{
  padding:0 7px;color:#89a9c0;font-size:9px;font-weight:850;
  letter-spacing:.8px;text-transform:uppercase
}
.home-theme-option{
  height:30px;min-width:68px;padding:0 10px;border:1px solid transparent;border-radius:7px;
  background:transparent;color:#9fb7c9;font:800 9.5px/1 Inter,"Segoe UI",Roboto,Arial,sans-serif;
  cursor:pointer;transition:.18s
}
.home-theme-option:hover{color:#fff;background:rgba(39,119,181,.12)}
.home-theme-option.active{
  color:#fff;border-color:rgba(73,171,246,.45);
  background:linear-gradient(180deg,rgba(33,112,173,.55),rgba(16,66,107,.62));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 0 16px rgba(39,145,229,.12)
}

/* SAP-inspired content renderer — no Admin tile, only the same 9 enabled modules. */
body.home-theme-sap .home-stage{
  display:block!important;
  width:min(1540px,100%)!important;
  margin:0 auto!important;
  padding:108px 28px 84px!important
}
body.home-theme-sap .home-theme-switch{
  top:26px;right:28px
}
body.home-theme-sap .home-copy{
  position:relative;
  width:100%!important;max-width:none!important;
  min-height:166px!important;margin:0 0 18px!important;padding:28px 32px!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  text-align:left!important;
  border:1px solid rgba(66,153,222,.32)!important;border-radius:15px!important;
  background:
    linear-gradient(90deg,rgba(3,18,31,.96) 0%,rgba(4,22,39,.88) 48%,rgba(3,18,31,.62) 100%),
    radial-gradient(circle at 82% 35%,rgba(36,144,227,.14),transparent 32%)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035)!important;
  overflow:hidden!important;
  animation:none!important
}
body.home-theme-sap .home-copy::before{
  content:"";position:absolute;left:0!important;top:0!important;bottom:0!important;width:4px!important;
  transform:none!important;background:linear-gradient(180deg,#41b5ff,#176fc0)!important;
  box-shadow:0 0 22px rgba(47,161,246,.5)!important
}
body.home-theme-sap .home-copy::after{
  content:"";position:absolute;right:-60px;top:-120px;width:520px;height:360px;
  background:
    linear-gradient(rgba(41,145,220,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(41,145,220,.075) 1px,transparent 1px);
  background-size:30px 30px;transform:perspective(420px) rotateY(-22deg) rotateZ(-7deg);
  mask-image:linear-gradient(90deg,transparent,black 35%,transparent 95%);
  pointer-events:none
}
body.home-theme-sap .home-copy .tag{
  position:relative;z-index:2;margin:0 0 8px!important;color:#70c5ff!important
}
body.home-theme-sap .home-copy h1{
  position:relative;z-index:2;margin:0!important;font-size:44px!important;line-height:.98!important
}
body.home-theme-sap .home-copy h2{
  position:relative;z-index:2;margin:7px 0 0!important;font-size:21px!important;color:#77d5ff!important
}
body.home-theme-sap .home-copy p{
  position:relative;z-index:2;margin:12px 0 0!important;max-width:610px!important;
  font-size:11.5px!important;line-height:1.5!important
}
body.home-theme-sap .home-copy .mini-line{display:none!important}

body.home-theme-sap .home-grid-wrap{
  display:block!important;width:100%!important;min-height:0!important;margin:0!important
}
body.home-theme-sap .home-grid{
  width:100%!important;padding:0!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;align-items:stretch!important;perspective:none!important
}
.home-sap-card{
  --accent:#58adff;
  position:relative;isolation:isolate;display:block;
  min-height:205px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 52%,#245679);
  border-radius:12px;background:#071b2d;color:#fff;text-decoration:none;
  box-shadow:0 12px 28px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.035);
  opacity:0;transform:translateY(9px);
  animation:sapCardIn .38s cubic-bezier(.2,.8,.2,1) var(--delay,0ms) forwards;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.home-sap-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--accent) 82%,white 9%);
  box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 24px color-mix(in srgb,var(--accent) 15%,transparent)
}
.home-sap-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.home-sap-art{
  position:absolute;z-index:-3;right:0;top:0;width:51%;height:100%;object-fit:cover;
  object-position:center 42%;filter:saturate(1.08) brightness(.76) contrast(1.05);
  transform:scale(1.02);transition:transform .35s ease,filter .25s ease
}
.home-sap-card:hover .home-sap-art{transform:scale(1.055);filter:saturate(1.14) brightness(.84) contrast(1.06)}
.home-sap-shade{
  position:absolute;z-index:-2;inset:0;
  background:
    linear-gradient(90deg,rgba(5,22,37,.995) 0%,rgba(5,22,37,.97) 43%,rgba(5,22,37,.67) 64%,rgba(5,22,37,.16) 100%),
    linear-gradient(180deg,rgba(4,18,31,.12),rgba(3,15,26,.54))
}
.home-sap-card::before{
  content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:3px;
  background:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)
}
.home-sap-icon{
  position:absolute;left:20px;top:22px;width:48px;height:48px;display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--accent) 74%,white 8%);border-radius:9px;
  background:color-mix(in srgb,var(--accent) 78%,#082039 22%);
  color:#fff;box-shadow:0 7px 20px rgba(0,0,0,.22),0 0 18px color-mix(in srgb,var(--accent) 20%,transparent)
}
.home-sap-icon svg{
  width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round
}
.home-sap-copy{
  position:relative;z-index:2;display:flex;flex-direction:column;
  width:65%;min-height:205px;padding:23px 18px 18px 82px;box-sizing:border-box
}
.home-sap-title{
  display:block;margin:1px 0 8px;color:#fff;font-size:17px;line-height:1.12;font-weight:850;
  letter-spacing:-.2px;text-shadow:0 2px 12px rgba(0,0,0,.7)
}
.home-sap-sub{
  display:block;max-width:310px;color:#c1d2df;font-size:10.8px;line-height:1.45;font-weight:500
}
.home-sap-open{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:min(205px,100%);height:36px;margin-top:auto;padding:0 11px;
  border:1px solid color-mix(in srgb,var(--accent) 48%,#276489);
  border-radius:8px;background:rgba(7,48,80,.78);color:#eaf7ff;
  font-size:10px;font-weight:750;box-sizing:border-box
}
.home-sap-open span{
  width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(175,221,255,.68);
  border-radius:50%;font-size:16px;line-height:1
}
.home-sap-test{
  position:absolute;z-index:4;right:12px;top:12px;padding:4px 7px;
  border:1px solid rgba(255,210,93,.52);border-radius:999px;background:rgba(34,25,4,.75);
  color:#ffd968;font-size:7px;font-weight:900;letter-spacing:.8px
}
@keyframes sapCardIn{to{opacity:1;transform:none}}

@media(max-width:1180px){
  body.home-theme-sap .home-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.home-theme-sap .home-stage{padding-left:20px!important;padding-right:20px!important}
}
@media(max-width:760px){
  .home-theme-switch{
    position:relative!important;top:auto!important;right:auto!important;
    width:max-content;max-width:100%;margin:0 auto 12px!important
  }
  .home-theme-switch-label{display:none}
  body.home-theme-sap .home-stage{padding:62px 9px 24px!important}
  body.home-theme-sap .home-copy{
    min-height:138px!important;padding:21px 18px!important;margin-bottom:11px!important;border-radius:12px!important
  }
  body.home-theme-sap .home-copy h1{font-size:34px!important}
  body.home-theme-sap .home-copy h2{font-size:17px!important}
  body.home-theme-sap .home-copy p{font-size:10.5px!important}
  body.home-theme-sap .home-grid{grid-template-columns:1fr!important;gap:9px!important}
  .home-sap-card{min-height:174px;border-radius:10px}
  .home-sap-copy{width:72%;min-height:174px;padding:18px 12px 15px 69px}
  .home-sap-icon{left:15px;top:18px;width:41px;height:41px}
  .home-sap-icon svg{width:21px;height:21px}
  .home-sap-title{font-size:15px}
  .home-sap-sub{font-size:9.8px;line-height:1.4}
  .home-sap-open{height:32px;width:min(190px,100%);font-size:9.5px}
  .home-sap-art{width:55%}
}


/* v3.7.33 — compact SAP view
   Theme switch sits inside the "SIMCOMPANIES RESEARCH TOOLS" hero block. */
body.home-theme-sap .home-stage{
  padding-top:64px!important;
  padding-bottom:62px!important;
}
body.home-theme-sap .home-theme-switch{
  top:78px!important;
  right:46px!important;
  z-index:55!important;
  margin:0!important;
}
body.home-theme-sap .home-copy{
  min-height:148px!important;
  margin-bottom:13px!important;
  padding:23px 250px 23px 28px!important;
}
body.home-theme-sap .home-copy h1{
  font-size:40px!important;
}
body.home-theme-sap .home-copy h2{
  font-size:19px!important;
  margin-top:6px!important;
}
body.home-theme-sap .home-copy p{
  margin-top:9px!important;
  font-size:10.8px!important;
  max-width:600px!important;
}

/* Smaller SAP cards: same information, less vertical footprint. */
body.home-theme-sap .home-grid{
  gap:11px!important;
}
body.home-theme-sap .home-sap-card{
  min-height:176px!important;
  border-radius:10px!important;
}
body.home-theme-sap .home-sap-art{
  width:48%!important;
}
body.home-theme-sap .home-sap-icon{
  left:16px!important;
  top:18px!important;
  width:42px!important;
  height:42px!important;
  border-radius:8px!important;
}
body.home-theme-sap .home-sap-icon svg{
  width:21px!important;
  height:21px!important;
}
body.home-theme-sap .home-sap-copy{
  width:67%!important;
  min-height:176px!important;
  padding:18px 14px 14px 69px!important;
}
body.home-theme-sap .home-sap-title{
  margin-bottom:6px!important;
  font-size:15.5px!important;
  line-height:1.08!important;
}
body.home-theme-sap .home-sap-sub{
  max-width:290px!important;
  font-size:9.8px!important;
  line-height:1.36!important;
}
body.home-theme-sap .home-sap-open{
  width:min(188px,100%)!important;
  height:31px!important;
  padding:0 9px!important;
  font-size:9.2px!important;
  border-radius:7px!important;
}
body.home-theme-sap .home-sap-open span{
  width:18px!important;
  height:18px!important;
  font-size:14px!important;
}
body.home-theme-sap .home-sap-test{
  right:9px!important;
  top:9px!important;
}

/* Two-column SAP keeps the compact cards. */
@media(max-width:1180px) and (min-width:761px){
  body.home-theme-sap .home-stage{
    padding-top:58px!important;
    padding-bottom:54px!important;
  }
  body.home-theme-sap .home-theme-switch{
    top:72px!important;
    right:36px!important;
  }
  body.home-theme-sap .home-copy{
    padding-right:230px!important;
  }
}

/* Mobile: selector remains inside the SAP hero, top-right.
   The label is hidden so only Hexagon / SAP consumes space. */
@media(max-width:760px){
  body.home-theme-sap .home-stage{
    padding:50px 9px 22px!important;
  }
  body.home-theme-sap .home-theme-switch{
    position:absolute!important;
    top:60px!important;
    right:18px!important;
    width:auto!important;
    max-width:calc(100% - 36px)!important;
    margin:0!important;
    padding:4px!important;
  }
  body.home-theme-sap .home-theme-switch-label{
    display:none!important;
  }
  body.home-theme-sap .home-theme-option{
    height:27px!important;
    min-width:58px!important;
    padding:0 8px!important;
    font-size:8.6px!important;
  }
  body.home-theme-sap .home-copy{
    min-height:132px!important;
    margin-bottom:9px!important;
    padding:52px 16px 17px!important;
  }
  body.home-theme-sap .home-copy .tag{
    position:absolute!important;
    left:17px!important;
    top:17px!important;
    margin:0!important;
  }
  body.home-theme-sap .home-copy h1{
    font-size:30px!important;
  }
  body.home-theme-sap .home-copy h2{
    font-size:15.5px!important;
  }
  body.home-theme-sap .home-copy p{
    margin-top:7px!important;
    font-size:9.8px!important;
  }
  body.home-theme-sap .home-grid{
    gap:8px!important;
  }
  body.home-theme-sap .home-sap-card{
    min-height:154px!important;
  }
  body.home-theme-sap .home-sap-copy{
    min-height:154px!important;
    width:73%!important;
    padding:15px 10px 12px 62px!important;
  }
  body.home-theme-sap .home-sap-icon{
    left:13px!important;
    top:15px!important;
    width:36px!important;
    height:36px!important;
  }
  body.home-theme-sap .home-sap-icon svg{
    width:18px!important;
    height:18px!important;
  }
  body.home-theme-sap .home-sap-title{
    font-size:14px!important;
  }
  body.home-theme-sap .home-sap-sub{
    font-size:9.1px!important;
    line-height:1.32!important;
  }
  body.home-theme-sap .home-sap-open{
    height:29px!important;
    width:min(176px,100%)!important;
    font-size:8.8px!important;
  }
}


/* v3.7.82 — original SAP view is the single Home UI again */
.home-theme-switch{display:none!important}
body.home-workbench{background:#020a13}
body.home-workbench.home-theme-sap .home-stage{display:block!important}


/* v3.7.84 — slightly more compact original SAP dashboard */
body.home-theme-sap .home-stage{
  width:min(1320px,100%)!important;
}
body.home-theme-sap .home-grid{
  gap:10px!important;
}
body.home-theme-sap .home-sap-card{
  min-height:158px!important;
}
body.home-theme-sap .home-sap-art{
  width:46%!important;
}
body.home-theme-sap .home-sap-icon{
  left:14px!important;
  top:15px!important;
  width:38px!important;
  height:38px!important;
}
body.home-theme-sap .home-sap-icon svg{
  width:19px!important;
  height:19px!important;
}
body.home-theme-sap .home-sap-copy{
  width:70%!important;
  min-height:158px!important;
  padding:15px 12px 12px 61px!important;
}
body.home-theme-sap .home-sap-title{
  margin-bottom:5px!important;
  font-size:14.4px!important;
}
body.home-theme-sap .home-sap-sub{
  max-width:270px!important;
  font-size:9.15px!important;
  line-height:1.32!important;
}
body.home-theme-sap .home-sap-open{
  width:min(174px,100%)!important;
  height:29px!important;
  padding:0 8px!important;
  font-size:8.7px!important;
}
body.home-theme-sap .home-sap-open span{
  width:18px!important;
  height:18px!important;
  font-size:13px!important;
}
@media(max-width:1180px) and (min-width:761px){
  body.home-theme-sap .home-sap-card,
  body.home-theme-sap .home-sap-copy{min-height:154px!important}
}


/* =========================================================
   v3.7.84 — SAP home: 4-column compact desktop grid
   ========================================================= */
@media(min-width:1240px){
  body.home-theme-sap .home-stage{
    width:min(1380px,100%)!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.home-theme-sap .home-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.home-theme-sap .home-sap-card{
    min-height:146px!important;
  }
  body.home-theme-sap .home-sap-copy{
    width:73%!important;
    min-height:146px!important;
    padding:13px 10px 10px 56px!important;
  }
  body.home-theme-sap .home-sap-art{
    width:44%!important;
  }
  body.home-theme-sap .home-sap-icon{
    left:12px!important;
    top:13px!important;
    width:34px!important;
    height:34px!important;
    border-radius:8px!important;
  }
  body.home-theme-sap .home-sap-icon svg{
    width:17px!important;
    height:17px!important;
  }
  body.home-theme-sap .home-sap-title{
    margin-bottom:4px!important;
    font-size:13.2px!important;
    line-height:1.1!important;
  }
  body.home-theme-sap .home-sap-sub{
    max-width:235px!important;
    font-size:8.55px!important;
    line-height:1.28!important;
  }
  body.home-theme-sap .home-sap-open{
    width:min(158px,100%)!important;
    height:27px!important;
    padding:0 7px!important;
    font-size:8.1px!important;
  }
  body.home-theme-sap .home-sap-open span{
    width:17px!important;
    height:17px!important;
    font-size:12px!important;
  }
}
/* Medium desktop: 3 columns rather than collapsing straight to 2. */
@media(min-width:900px) and (max-width:1239px){
  body.home-theme-sap .home-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
  }
  body.home-theme-sap .home-stage{
    width:min(1180px,100%)!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.home-theme-sap .home-sap-card,
  body.home-theme-sap .home-sap-copy{
    min-height:150px!important;
  }
}
/* Small tablet: two columns. */
@media(min-width:761px) and (max-width:899px){
  body.home-theme-sap .home-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
}