/* ==========================================================================
   MDT Store — Corporate home (builds on landing.css)
   ========================================================================== */

/* ---------- Hero network illustration ---------- */
.mdt-corp-hero { padding-block: clamp(48px, 8vw, 110px); }
.mdt-corp-art { position: relative; width: 100%; max-width: 480px; margin-inline: auto; }
.mdt-corp-art svg { display: block; width: 100%; height: auto; overflow: visible; }
.mdt-corp-orbit { fill: none; stroke: rgba(255, 255, 255, .12); stroke-width: 1.5; stroke-dasharray: 4 8; transform-origin: 220px 220px; animation: mdt-spin 60s linear infinite; }
.mdt-corp-orbit-2 { stroke: rgba(94, 234, 212, .14); animation-duration: 90s; animation-direction: reverse; }
.mdt-corp-link { stroke: #5EEAD4; stroke-width: 2; stroke-dasharray: 6 10; opacity: .7; animation: mdt-flow 2.2s linear infinite; animation-delay: var(--d, 0s); }
.mdt-corp-pulse { fill: #00C4C8; opacity: .35; transform-origin: 220px 220px; animation: mdt-pulse 2.8s ease-out infinite; }
.mdt-corp-hub-text { fill: #fff; font: 800 28px/1 "Inter", system-ui, sans-serif; letter-spacing: .04em; }
.mdt-corp-node rect { fill: rgba(255, 255, 255, .96); stroke: rgba(94, 234, 212, .6); stroke-width: 1.5; filter: drop-shadow(0 12px 18px rgba(0, 0, 0, .35)); }
.mdt-corp-node { color: var(--mdt-primary); animation: mdt-bob 6s ease-in-out infinite; animation-delay: var(--d, 0s); }
@keyframes mdt-spin { to { transform: rotate(360deg); } }
@keyframes mdt-flow { to { stroke-dashoffset: -32; } }
@keyframes mdt-pulse { 0% { transform: scale(1); opacity: .45; } 100% { transform: scale(1.9); opacity: 0; } }
@keyframes mdt-bob { 50% { transform: translateY(-6px); } }

.mdt-corp-facts { display: flex; flex-wrap: wrap; gap: 10px 22px; margin: 28px 0 0; padding: 0; list-style: none; font-size: .92rem; color: rgba(255, 255, 255, .82); }
.mdt-corp-facts li { display: inline-flex; align-items: center; gap: 8px; }
.mdt-corp-facts svg { color: #5EEAD4; }

/* ---------- Services ---------- */
.mdt-corp-card { display: flex; flex-direction: column; }
.mdt-corp-card p { flex: 1 1 auto; }
.mdt-corp-card-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 14px; font-weight: 600; text-decoration: none; }

/* ---------- Panasonic band ---------- */
.mdt-corp-band {
	position: relative;
	overflow: hidden;
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr);
	align-items: center;
	gap: 28px;
	padding: clamp(28px, 5vw, 56px);
	border-radius: var(--mdt-radius-lg);
	color: rgba(255, 255, 255, .86);
	background:
		radial-gradient(60% 100% at 100% 50%, color-mix(in srgb, #00C4C8 35%, transparent), transparent 70%),
		linear-gradient(120deg, var(--mdt-dark), color-mix(in srgb, var(--mdt-primary) 70%, var(--mdt-dark)));
}
.mdt-corp-band h2 { color: #fff; }
.mdt-corp-band p:not(.mdt-lp-badge) { max-width: 60ch; margin-bottom: 22px; }
.mdt-corp-band-art { position: relative; display: grid; place-items: center; min-height: 200px; }
.mdt-corp-cam { position: relative; z-index: 1; display: grid; place-items: center; width: 180px; height: 180px; border-radius: 50%; background: rgba(255, 255, 255, .08); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .15); }
.mdt-corp-scan {
	position: absolute;
	inset: 50% auto auto 50%;
	width: 260px;
	height: 260px;
	margin: -130px 0 0 -130px;
	border-radius: 50%;
	background: conic-gradient(from 0deg, rgba(94, 234, 212, .35), transparent 25%);
	animation: mdt-spin 4s linear infinite;
}

/* ---------- Why us ---------- */
.mdt-corp-why { background: var(--mdt-surface); border-block: 1px solid var(--mdt-line); }
.mdt-corp-why-inner { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 5vw, 64px); align-items: start; }
.mdt-corp-why-head p:not(.mdt-eyebrow) { color: var(--mdt-muted); }
.mdt-corp-reasons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.mdt-corp-reasons li { padding: 22px; border-radius: var(--mdt-radius-lg); background: var(--mdt-bg); border: 1px solid var(--mdt-line); }
.mdt-corp-reason-num { display: block; margin-bottom: 10px; font: 800 2rem/1 "Inter", system-ui, sans-serif; color: transparent; -webkit-text-stroke: 1.5px var(--mdt-primary); }
.mdt-corp-reasons h3 { font-size: 1.05rem; margin-bottom: 6px; }
.mdt-corp-reasons p { margin: 0; color: var(--mdt-muted); font-size: .95rem; }

/* ---------- Partners ---------- */
.mdt-corp-logos { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0; padding: 0; list-style: none; }
.mdt-corp-logos li {
	padding: 14px 24px;
	border: 1px solid var(--mdt-line);
	border-radius: var(--mdt-radius);
	background: var(--mdt-surface);
	font: 700 1.05rem/1 "Inter", system-ui, sans-serif;
	letter-spacing: .01em;
	color: #5b6b7a;
	transition: color .2s var(--mdt-ease), border-color .2s var(--mdt-ease), transform .2s var(--mdt-ease);
}
.mdt-corp-logos li:hover { color: var(--mdt-primary); border-color: var(--mdt-primary); transform: translateY(-2px); }

/* ---------- Contact ---------- */
.mdt-corp-contact { background: linear-gradient(180deg, var(--mdt-bg), var(--mdt-primary-tint)); }
.mdt-corp-contact-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 56px); align-items: start; }
.mdt-corp-office { margin-top: 18px; padding: 20px 22px; border-radius: var(--mdt-radius-lg); background: var(--mdt-surface); border: 1px solid var(--mdt-line); }
.mdt-corp-office h3 { display: flex; align-items: center; gap: 8px; font-size: 1.05rem; margin-bottom: 12px; }
.mdt-corp-office h3 svg { color: var(--mdt-primary); }
.mdt-corp-office ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mdt-corp-office li { display: flex; align-items: flex-start; gap: 10px; color: var(--mdt-muted); line-height: 1.5; }
.mdt-corp-office li svg { flex: none; margin-top: 2px; color: var(--mdt-primary); }
.mdt-corp-contact .mdt-lp-form-card { box-shadow: var(--mdt-shadow-lg); }

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
	.mdt-corp-art { max-width: 360px; }
	.mdt-corp-band, .mdt-corp-why-inner, .mdt-corp-contact-inner { grid-template-columns: 1fr; }
	.mdt-corp-band-art { display: none; }
}
@media (max-width: 600px) {
	.mdt-corp-reasons { grid-template-columns: 1fr; }
	.mdt-corp-logos li { padding: 10px 16px; font-size: .95rem; }
}

.mdt-corp-directions { margin-top: 16px; min-height: 42px; font-size: .9rem; }