.sw-h16 { position: relative; min-height: 100vh; background: linear-gradient(135deg, #4F46E5 0%, #A855F7 52%, #FDBA74 100%); color: #FFFFFF; font-family: 'Outfit', 'Inter', sans-serif; display: flex; flex-direction: column; padding: 2.8rem clamp(2rem, 5vw, 4rem) 2.4rem; overflow: hidden; }
.sw-h16-mesh { position: absolute; border-radius: 50%; filter: blur(70px); pointer-events: none; }
.sw-h16-mesh-a { width: 560px; height: 560px; top: -200px; right: -120px; background: rgba(253,186,116,0.55); }
.sw-h16-mesh-b { width: 620px; height: 620px; bottom: -260px; left: -180px; background: rgba(79,70,229,0.6); }
.sw-h16-mesh-c { width: 420px; height: 420px; top: 30%; left: 38%; background: rgba(255,255,255,0.18); }
.sw-h16-top { position: relative; z-index: 2; display: grid; grid-template-columns: 1.15fr 0.85fr; gap: clamp(1.5rem, 4vw, 3rem); align-items: stretch; }
.sw-h16-glass { background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.3); border-radius: 30px; padding: 2.6rem clamp(1.8rem, 3.5vw, 3rem); backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); box-shadow: 0 30px 70px -40px rgba(30,20,80,0.7); }
.sw-h16-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: 0.7rem; letter-spacing: 4px; text-transform: uppercase; font-weight: 600; color: #FFFFFF; margin-bottom: 1.6rem; }
.sw-h16-dot { width: 8px; height: 8px; border-radius: 50%; background: #FDBA74; }
.sw-h16-eyebrow-loc { font-style: normal; color: rgba(255,255,255,0.7); font-weight: 500; }
.sw-h16-title { font-weight: 700; font-size: 56px; line-height: 0.96; letter-spacing: -2.4px; color: #FFFFFF; margin: 0 0 1.2rem; }
.sw-h16-italic { font-style: italic; font-weight: 700; color: #FDBA74; }
.sw-h16-sub { font-size: 16px; line-height: 1.6; color: #E4DCFA; max-width: 44ch; margin: 0 0 0.9rem; }
.sw-h16-emphasis { display: block; font-size: 0.66rem; letter-spacing: 0.24em; text-transform: uppercase; font-weight: 600; color: rgba(253,186,116,0.95); margin-bottom: 1.7rem; }
.sw-h16-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.sw-h16-cta-primary { display: inline-flex; align-items: center; gap: 10px; background: #FDBA74; color: #2A1B4D; font-size: 0.92rem; font-weight: 700; padding: 15px 30px; border-radius: 14px; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; }
.sw-h16-cta-primary:hover { transform: translateY(-2px); box-shadow: 0 18px 36px -16px rgba(253,186,116,0.6); }
.sw-h16-cta-secondary { display: inline-flex; align-items: center; color: #FFFFFF; font-size: 0.92rem; font-weight: 600; padding: 14px 26px; border: 1.5px solid rgba(255,255,255,0.45); border-radius: 14px; text-decoration: none; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: border-color 0.25s ease; }
.sw-h16-cta-secondary:hover { border-color: #FFFFFF; }
.sw-h16-side { display: flex; flex-direction: column; gap: 16px; }
.sw-h16-photo { position: relative; flex: 1; min-height: 240px; border-radius: 26px; background-image: url('/studio/components/images/coaches-4-online.jpg'); background-size: cover; background-position: 50% 30%; box-shadow: 0 30px 60px -30px rgba(30,20,80,0.8); }
.sw-h16-photo::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px rgba(255,255,255,0.25); }
.sw-h16-photo-credit { position: absolute; bottom: 14px; right: 16px; font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.9); background: rgba(30,20,80,0.45); padding: 4px 12px; border-radius: 999px; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 2; }
.sw-h16-chip { position: absolute; top: -14px; left: -14px; display: inline-flex; align-items: center; gap: 9px; background: rgba(255,255,255,0.92); border-radius: 999px; padding: 9px 16px; box-shadow: 0 16px 36px -16px rgba(30,20,80,0.7); transform: rotate(-2deg); z-index: 3; }
.sw-h16-chip-dot { animation: sw-h16-pulse 2.4s ease-out infinite; }
@keyframes sw-h16-pulse { 0% { box-shadow: 0 0 0 0 rgba(168,85,247,0.45); } 70% { box-shadow: 0 0 0 8px rgba(168,85,247,0); } 100% { box-shadow: 0 0 0 0 rgba(168,85,247,0); } }
.sw-h16-tile-kicker { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #FDBA74; }
.sw-h16-chip .sw-h16-tile-kicker { color: #6B3FA0; }
.sw-h16-tile { display: flex; align-items: center; gap: 16px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.3); border-radius: 22px; padding: 1rem 1.2rem; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
.sw-h16-ring { position: relative; flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; background: conic-gradient(#FDBA74 0 270deg, rgba(255,255,255,0.22) 270deg 360deg); }
.sw-h16-ring i { position: absolute; inset: 6px; border-radius: 50%; background: rgba(42,27,77,0.88); display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 0.64rem; font-weight: 700; color: #FFFFFF; }
.sw-h16-tile-body { display: flex; flex-direction: column; gap: 3px; }
.sw-h16-tile-title { font-size: 1rem; font-weight: 700; color: #FFFFFF; }
.sw-h16-tile-meta { font-size: 0.72rem; line-height: 1.5; color: #E4DCFA; }
.sw-h16-mods { position: relative; z-index: 2; margin-top: 1.8rem; }
.sw-h16-mods-label { display: flex; align-items: center; gap: 14px; font-size: 0.66rem; letter-spacing: 0.26em; text-transform: uppercase; font-weight: 700; color: rgba(255,255,255,0.75); margin-bottom: 0.9rem; }
.sw-h16-mods-label::after { content: ""; flex: 1; height: 1px; background: rgba(255,255,255,0.25); }
.sw-h16-mod-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.sw-h16-mod { display: flex; flex-direction: column; gap: 4px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.24); border-radius: 20px; padding: 1.1rem 1.2rem; backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); transition: transform 0.25s ease, background 0.25s ease; }
.sw-h16-mod:hover { transform: translateY(-4px); background: rgba(255,255,255,0.16); }
.sw-h16-mod-num { font-family: ui-monospace, 'SF Mono', Menlo, monospace; font-size: 0.66rem; letter-spacing: 0.14em; color: #FDBA74; }
.sw-h16-mod-name { font-size: 1.04rem; font-weight: 700; color: #FFFFFF; margin: 0 0 2px; }
.sw-h16-mod-meta-label { font-size: 0.72rem; color: #E4DCFA; }
.sw-h16-mod-output { margin-top: 6px; font-size: 0.74rem; font-weight: 600; color: #FFFFFF; }
.sw-h16-mod-output::before { content: "→ "; color: #FDBA74; }
@media (max-width: 960px) { .sw-h16 { padding: 2rem 1.4rem; } .sw-h16-top { grid-template-columns: 1fr; } .sw-h16-title { font-size: 40px; letter-spacing: -1.4px; } .sw-h16-photo { min-height: 220px; } .sw-h16-chip { left: 8px; } .sw-h16-mod-grid { grid-template-columns: 1fr 1fr; } }