/*!
 * SkyForge Hosting — Responsive + reduced-motion overrides
 *
 * Loaded AFTER skyforge.css so its media-query rules win.
 * Breakpoints:
 *   >= 1025px   — full desktop layout (defined in skyforge.css)
 *   <= 1024px   — tablet / small desktop
 *   <=  720px   — mobile
 */

/* ===== Auth pages ===== */
@media (max-width: 900px) {
	.sf-auth__inner        { grid-template-columns: 1fr; gap: 30px; padding: 0 20px; min-height: auto; }
	.sf-auth__visual       { min-height: 340px; padding: 30px 0 0; text-align: center; }
	.sf-auth__brand-badge          { position: static; margin: 6px auto; display: inline-flex; }
	.sf-auth__brand-badge--net     { position: static; margin: 6px auto; }
	.sf-auth__brand-tag            { position: static; margin: 12px auto 0; max-width: 320px; }
	.sf-globe--auth        { position: relative; top: auto; left: auto; transform: none; max-width: 280px; margin: 20px auto; }
	.sf-auth__card-wrap    { padding-bottom: 40px; }
	.sf-auth__logo img     { width: 96px; height: 96px; }
}
@media (max-width: 520px) {
	.sf-auth__card         { padding: 28px 22px; }
	.sf-field-row          { grid-template-columns: 1fr; }
	.sf-globe--auth        { max-width: 220px; }
	.sf-auth__brand-badge  { font-size: 11px; padding: 6px 12px; }
	.sf-auth__logo img     { width: 84px; height: 84px; }
}

/* ===== Tablet ===== */
@media (max-width: 1024px) {
	.sf-hero__inner        { grid-template-columns: 1fr; gap: 40px; }
	.sf-hero__visual       { max-width: 480px; margin: 0 auto; width: 100%; }
	.sf-features           { grid-template-columns: repeat(2, 1fr); }
	.sf-strip__inner       { grid-template-columns: repeat(2, 1fr); }
	.sf-presence__grid     { grid-template-columns: 1fr; }
	.sf-about__inner       { grid-template-columns: 1fr; gap: 32px; }
	.skyforge-footer__inner { grid-template-columns: 1fr 1fr; }
}

/* ===== Mobile ===== */
@media (max-width: 720px) {
	.skyforge-nav,
	.skyforge-nav__actions { display: none; }
	.skyforge-nav__toggle  { display: inline-flex; margin-left: auto; }

	.sf-hero               { padding: 60px 0 80px; }
	.sf-hero__trust        { flex-wrap: wrap; gap: 18px; }

	.sf-features,
	.sf-products__grid,
	.sf-about__grid        { grid-template-columns: 1fr; }
	.sf-strip__inner       { grid-template-columns: 1fr 1fr; }

	.sf-flow               { flex-direction: column; }
	.sf-flow__pipe         { width: 2px; height: 30px; background: linear-gradient(180deg, transparent, rgba(0,200,255,0.35), transparent); }
	.sf-flow__pipe i       { top: -20px; left: -3px; animation: sfFlowV 2.4s linear infinite; }
	@keyframes sfFlowV     { to { top: calc(100% + 20px); } }

	/* Powering diagram: keep it visible but scale it down on mobile
	 * so it still communicates the concept. Capabilities wrap tighter
	 * to the orbit and the center card shrinks. */
	.sf-core__stage        { max-width: 340px; }
	.sf-core__center       { width: 132px; height: 132px; font-size: 13px; border-radius: 22px; }
	.sf-core__center img   { width: 60px; height: 60px; }  /* only the logo enlarged; card kept small */
	.sf-core__cap          { font-size: 11px; padding: 6px 10px 6px 6px; }
	.sf-core__cap span     { display: none; }              /* icon-only on tightest screens */
	.sf-core__cap-ico      { width: 30px; height: 30px; }

	.skyforge-footer__inner { grid-template-columns: 1fr; gap: 30px; padding: 50px 24px 30px; }
	.sf-discord__inner     { padding: 26px; }

	.sf-why,
	.sf-presence,
	.sf-products,
	.sf-perf,
	.sf-about,
	.sf-faq,
	.sf-final              { padding: 80px 0; }
}

/* ===== Reduced motion ===== */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
		scroll-behavior: auto !important;
	}
	[data-reveal] { opacity: 1 !important; transform: none !important; }
}