/* Cybereum · commercial architecture
   Public land→expand and enterprise-readiness surfaces. */

.cyb-commercial-arch{position:relative;overflow:hidden;padding:clamp(72px,9vw,132px) 0;border-top:1px solid var(--cyb-line);border-bottom:1px solid var(--cyb-line);background:radial-gradient(circle at 78% 16%,color-mix(in srgb,var(--cyb-sky) 9%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,var(--cyb-navy-2) 98%,transparent),color-mix(in srgb,var(--cyb-navy) 98%,transparent));color:var(--cyb-fg)}
.cyb-commercial-arch:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(color-mix(in srgb,var(--cyb-cyan) 3.5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--cyb-cyan) 3.5%,transparent) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 90%)}
.cyb-commercial-arch .cyb-wrap{position:relative;z-index:1}
.cyb-commercial-arch__head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(28px,6vw,84px);align-items:end;margin-bottom:clamp(34px,5vw,64px)}
.cyb-commercial-arch__eyebrow,.cyb-enterprise__eyebrow{max-width:none;font:500 .6875rem/1.2 var(--cyb-mono,"IBM Plex Mono",monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--cyb-accent);margin:0 0 14px}
.cyb-commercial-arch h2{margin:0;color:var(--cyb-fg);font-family:var(--cyb-display,"IBM Plex Sans",sans-serif);font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.12;letter-spacing:var(--cyb-tracking-display);max-width:900px}
.cyb-commercial-arch__lead{margin:0;color:var(--cyb-fg-2);font-size:clamp(1.125rem,2vw,1.4375rem);line-height:1.48;max-width:650px}
.cyb-commercial-arch__rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--cyb-line-strong);border-radius:16px;overflow:hidden;background:color-mix(in srgb,var(--cyb-navy) 72%,transparent);box-shadow:0 28px 90px rgba(0,0,0,.22)}
.cyb-commercial-step{position:relative;min-height:250px;padding:26px 24px 30px;border-right:1px solid var(--cyb-line);display:flex;flex-direction:column;gap:14px}
.cyb-commercial-step:last-child{border-right:0}.cyb-commercial-step__state{font:500 .6875rem/1.2 var(--cyb-mono,"IBM Plex Mono",monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--cyb-accent)}
.cyb-commercial-step h3{margin:0;color:var(--cyb-fg);font-size:1.3125rem;line-height:1.15}.cyb-commercial-step p{margin:0;color:var(--cyb-fg-2);line-height:1.55;font-size:.875rem}
.cyb-commercial-step__num{margin-top:auto;font:500 2.75rem/1 var(--cyb-mono,"IBM Plex Mono",monospace);color:color-mix(in srgb,var(--cyb-cyan) 16%,transparent)}.cyb-commercial-step--horizon{background:linear-gradient(180deg,color-mix(in srgb,var(--cyb-cyan) 3.5%,transparent),transparent)}
.cyb-commercial-arch__foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;margin-top:26px;padding-top:24px;border-top:1px solid var(--cyb-line)}
.cyb-commercial-arch__founder{margin:0;color:var(--cyb-fg-2);max-width:760px;line-height:1.55}.cyb-commercial-arch__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.cyb-commercial-arch__actions--start{justify-content:flex-start;margin-top:24px}

.cyb-enterprise-section{padding:clamp(72px,9vw,126px) 0;border-bottom:1px solid var(--cyb-line,color-mix(in srgb,var(--cyb-cyan) 16%,transparent))}
.cyb-enterprise-section__head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,6vw,84px);margin-bottom:44px;align-items:start}
.cyb-enterprise-section h2{margin:0;color:var(--cyb-fg);font-family:var(--cyb-display,"IBM Plex Sans",sans-serif);font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.12;letter-spacing:var(--cyb-tracking-display)}
.cyb-enterprise-section__copy{margin:0;color:var(--cyb-fg-2);font-size:1.125rem;line-height:1.6;max-width:720px}.cyb-enterprise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.cyb-enterprise-card{padding:25px;border:1px solid var(--cyb-line-strong);border-radius:12px;background:var(--cyb-surface-subtle,rgba(255,255,255,.018))}
.cyb-enterprise-card__k{font:500 .6875rem/1.2 var(--cyb-mono,"IBM Plex Mono",monospace);letter-spacing:.13em;text-transform:uppercase;color:var(--cyb-accent);margin-bottom:13px}.cyb-enterprise-card h3{margin:0 0 10px;color:var(--cyb-fg);font-size:1.25rem}.cyb-enterprise-card p{color:var(--cyb-fg-2);line-height:1.55}
.cyb-enterprise-note{margin-top:20px;padding:20px 22px;border-left:2px solid var(--cyb-accent);background:var(--cyb-surface-subtle,color-mix(in srgb,var(--cyb-cyan) 4.5%,transparent));color:var(--cyb-fg-2);line-height:1.55}

@media(max-width:980px){.cyb-commercial-arch__head,.cyb-enterprise-section__head{grid-template-columns:1fr}.cyb-commercial-arch__rail{grid-template-columns:repeat(2,minmax(0,1fr))}.cyb-commercial-step:nth-child(2){border-right:0}.cyb-commercial-step:nth-child(-n+2){border-bottom:1px solid var(--cyb-line)}.cyb-enterprise-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.cyb-commercial-arch__rail,.cyb-enterprise-grid{grid-template-columns:1fr}.cyb-commercial-step{min-height:0;border-right:0;border-bottom:1px solid var(--cyb-line)}.cyb-commercial-step:last-child{border-bottom:0}.cyb-commercial-arch__foot{grid-template-columns:1fr}.cyb-commercial-arch__actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.cyb-commercial-arch *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}