/* CompanyOS nutzt den ruhigen Aufbau der CASEOS-Produktseite. */
.companyos-page { background:#08090a; }
.company-hero { position:relative; min-height:100svh; overflow:hidden; background:radial-gradient(circle at 77% 36%,rgba(177,198,213,.12),transparent 30%),linear-gradient(145deg,#050607 0,#0b0d0f 58%,#111519 100%); }
.company-hero::before { content:""; position:absolute; inset:0; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:54px 54px; mask-image:radial-gradient(circle at 78% 45%,#000,transparent 66%); }
.company-hero-orb { position:absolute; width:54rem; height:54rem; right:-22rem; top:-18rem; border:1px solid rgba(255,255,255,.05); border-radius:50%; box-shadow:inset 0 0 130px rgba(190,211,225,.035); }
.company-hero-inner { position:relative; z-index:2; min-height:100svh; display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,5vw,5rem); align-items:center; padding-top:8rem; padding-bottom:5rem; }
.company-hero-copy { min-width:0; }
.company-hero .case-symbol { width:38px; color:#dce8ef; }
.company-hero .case-title { font-size:clamp(3.6rem,5.3vw,5.8rem); }
.company-hero .case-title .line:nth-child(3) span { color:#aebfca; }
.company-hero-product { position:relative; min-width:0; transform:perspective(1300px) rotateY(-7deg) rotateX(2deg); filter:drop-shadow(0 50px 65px rgba(0,0,0,.55)); }
.company-hero-product::before { content:""; position:absolute; width:70%; height:40%; left:15%; bottom:-12%; border-radius:50%; background:rgba(155,186,205,.14); filter:blur(55px); }

.company-shot-frame { padding:1.1rem; background:linear-gradient(145deg,#dfe4e6,#bdc7cc); }
.company-screen { position:relative; display:grid; grid-template-columns:13% 87%; width:100%; aspect-ratio:1.7; overflow:hidden; border:1px solid rgba(17,22,26,.25); border-radius:var(--radius-md); background:#edf0f1; color:#172026; box-shadow:0 28px 70px -38px #101820; font-family:var(--font); }
.company-screen aside { display:flex; flex-direction:column; align-items:center; gap:7%; padding:8% 14%; background:linear-gradient(180deg,#101417,#171d21); }
.company-screen aside b { width:42%; aspect-ratio:1; display:grid; place-items:center; margin-bottom:15%; border:1px solid rgba(255,255,255,.16); border-radius:22%; color:#dbe7ed; font-size:clamp(.28rem,.7vw,.72rem); font-weight:600; }
.company-screen aside span { width:68%; height:4px; border-radius:8px; background:rgba(255,255,255,.14); }
.company-screen aside span:nth-of-type(2),.company-screen aside span:nth-of-type(5) { width:46%; align-self:flex-start; margin-left:16%; }
.company-screen aside i { width:100%; height:1px; margin-top:auto; background:rgba(255,255,255,.08); }
.company-window { min-width:0; background:linear-gradient(145deg,#f0f2f2,#e5e9ea); }
.company-window > header { height:10%; display:flex; align-items:center; gap:2%; padding:0 4%; border-bottom:1px solid rgba(20,28,33,.07); }
.company-window > header small { margin-right:auto; color:#536068; font-size:clamp(.25rem,.62vw,.6rem); font-weight:650; }
.company-window > header i { width:4%; height:20%; border-radius:99px; background:#cbd2d5; }
.company-screen-content { padding:4% 5%; }
.company-screen-content > p { color:#80909a; font-size:clamp(.22rem,.48vw,.48rem); font-weight:650; letter-spacing:.11em; text-transform:uppercase; }
.company-screen-content > h2 { margin-top:1%; color:#172026; font-size:clamp(.6rem,1.55vw,1.55rem); font-weight:550; letter-spacing:-.05em; }
.company-kpis { display:grid; grid-template-columns:repeat(4,1fr); gap:2%; margin-top:4%; }
.company-kpis i { position:relative; height:clamp(24px,5.4vw,58px); border:1px solid rgba(25,35,41,.08); border-radius:8px; background:rgba(255,255,255,.68); box-shadow:inset 0 1px #fff; }
.company-kpis i::before { content:""; position:absolute; width:42%; height:8%; left:12%; top:22%; border-radius:4px; background:#c5cdd1; }
.company-kpis i::after { content:""; position:absolute; width:54%; height:18%; left:12%; bottom:22%; border-radius:4px; background:#788d98; }
.company-dashboard-grid,.company-finance-grid,.company-project-grid,.company-director-grid { display:grid; grid-template-columns:1.45fr .75fr; gap:2%; margin-top:3%; }
.company-chart,.company-priorities,.company-project-summary,.company-tasks,.company-bars,.company-ledger,.company-decisions,.company-signal { min-height:clamp(45px,10vw,112px); border:1px solid rgba(25,35,41,.08); border-radius:8px; background:rgba(255,255,255,.63); }
.company-chart { position:relative; overflow:hidden; background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(211,221,225,.54)); }
.company-chart::before { content:""; position:absolute; width:82%; height:48%; left:9%; bottom:16%; border-top:2px solid #829ba8; border-radius:50% 45% 0 0; transform:skewY(-7deg); box-shadow:0 -13px 26px rgba(126,156,171,.13); }
.company-priorities,.company-tasks,.company-ledger,.company-decisions { display:grid; align-content:center; gap:8%; padding:8%; }
.company-priorities span,.company-tasks span,.company-ledger span,.company-decisions span { height:8px; border-radius:5px; background:linear-gradient(90deg,#95a8b1 10%,#d2dadd 10%); }
.company-priorities span:nth-child(2),.company-tasks span:nth-child(3),.company-decisions span:nth-child(2) { width:82%; }

.company-board { display:grid; grid-template-columns:repeat(4,1fr); gap:2%; margin-top:5%; }
.company-board > div { min-height:clamp(55px,13vw,138px); display:flex; flex-direction:column; gap:6%; padding:8%; border:1px solid rgba(25,35,41,.08); border-radius:8px; background:rgba(255,255,255,.55); }
.company-board b { color:#596870; font-size:clamp(.2rem,.43vw,.44rem); text-transform:uppercase; }
.company-board span { height:22%; min-height:9px; border:1px solid rgba(25,35,41,.06); border-radius:5px; background:#fff; box-shadow:0 6px 12px -10px #1f2b31; }
.company-project-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:3%; padding:4%; }
.company-project-summary i { border-radius:6px; background:linear-gradient(180deg,#b4c6ce,#dce3e6); }
.company-finance-grid { grid-template-columns:1.2fr .8fr; }
.company-bars { display:flex; align-items:flex-end; justify-content:space-around; gap:4%; padding:8% 7%; }
.company-bars i { width:9%; height:var(--bar,50%); border-radius:4px 4px 1px 1px; background:#8fa6b1; }
.company-bars i:nth-child(1){--bar:35%}.company-bars i:nth-child(2){--bar:58%}.company-bars i:nth-child(3){--bar:44%}.company-bars i:nth-child(4){--bar:74%}.company-bars i:nth-child(5){--bar:65%}.company-bars i:nth-child(6){--bar:88%}
.company-director-grid { grid-template-columns:1.3fr .7fr; }
.company-signal { display:grid; place-content:center; text-align:center; }
.company-signal b { color:#526b78; font-size:clamp(.8rem,2vw,2rem); font-weight:500; }
.company-signal small { color:#89969c; font-size:clamp(.2rem,.42vw,.42rem); text-transform:uppercase; }
.company-signal i { display:inline-block; width:70%; height:3px; margin:8% auto 0; border-radius:4px; background:#c3cdd1; }

.company-product-proof { background:#e6e9e9; }
.company-gallery.is-story-ready { --company-story-width:min(124%,calc((100svh - var(--case-story-top) - 1rem) * 1.68),calc(100vw - 3.5rem)); }
.company-flow { background:#f2f3f2; }
.company-process { display:grid; grid-template-columns:1fr auto; gap:.65rem; align-items:center; padding:2rem; border:1px solid rgba(20,21,22,.1); border-radius:var(--radius-lg); background:#fff; box-shadow:0 28px 70px -55px #243037; }
.company-process span { padding:.9rem 1rem; border-radius:var(--radius); background:#171b1e; color:#f4f5f5; font-size:.75rem; font-weight:650; }
.company-process i { color:#8a989f; font-size:.8rem; font-style:normal; }
.companyos-page .download-glow { background:radial-gradient(circle,rgba(170,199,216,.17),transparent 69%); }
.companyos-page .download-panel { box-shadow:inset 0 1px rgba(255,255,255,.12),0 50px 110px -65px rgba(153,187,205,.32); }
[hidden] { display:none !important; }

@media (max-width:1050px) {
  .company-hero-inner { grid-template-columns:1fr; align-content:center; }
  .company-hero-copy { width:min(720px,82%); }
  .company-hero-product { width:min(760px,90%); margin:-1rem 0 0 auto; transform:perspective(1300px) rotateY(-4deg) rotateX(1deg); }
}
@media (max-width:760px) {
  .company-hero-inner { display:flex; flex-direction:column; justify-content:center; align-items:stretch; padding:8rem 1.2rem 4rem; }
  .company-hero-copy { width:100%; }
  .company-hero-product { width:108%; margin:1.5rem -8% 0 0; transform:none; }
  .company-shot-frame { padding:.5rem; }
  .company-screen { border-radius:var(--radius); }
  .company-process { grid-template-columns:1fr; }
  .company-process i { transform:rotate(90deg); text-align:center; }
}
@media (max-width:480px) {
  .company-hero-product { width:118%; margin-right:-14%; }
  .company-hero .case-trust span:nth-child(3) { display:none; }
}
@media (prefers-reduced-motion:reduce) { .company-hero-product { transform:none; } }