/* WING content, light-theme comfort and infographic polish. */

/* Reveal states must remain readable even before/while animation starts. */
[data-reveal]{opacity:1;transform:none;filter:none}
[data-reveal].is-revealed{animation:wingRevealSoft .7s cubic-bezier(.22,.8,.25,1) both}
[data-reveal-delay="1"].is-revealed{animation-delay:.08s}
[data-reveal-delay="2"].is-revealed{animation-delay:.16s}
@keyframes wingRevealSoft{from{opacity:.55;transform:translateY(18px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}

/* Intro feature infographics. */
.wing-feature-card{isolation:isolate}
.wing-feature-large{justify-content:space-between!important}
.wing-card-copy{position:relative;z-index:2;margin-top:auto}
.wing-conversation-visual{position:relative;z-index:1;min-height:270px;margin:-4px -2px 34px;padding:24px;border:1px solid rgba(87,196,255,.14);border-radius:20px;background:radial-gradient(circle at 85% 15%,rgba(121,84,255,.18),transparent 36%),linear-gradient(145deg,rgba(9,18,37,.86),rgba(7,13,27,.48));box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 55px rgba(0,0,0,.13);overflow:hidden}
.wing-conversation-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(66,165,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(66,165,255,.07) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent)}
.wing-mini-channel{position:relative;display:flex;align-items:center;gap:9px;width:70%;padding:11px 13px;border-radius:11px;color:#eaf6ff;background:rgba(45,127,222,.16);font:700 .72rem Sora,sans-serif}.wing-mini-channel i{color:#5edfff}.wing-mini-channel b{margin-left:auto;color:#86a1bd;font:600 .58rem JetBrains Mono,monospace}
.wing-mini-message{position:relative;display:grid;grid-template-columns:32px 1fr;gap:10px;width:78%;margin-top:25px;padding:14px;border:1px solid rgba(133,182,237,.11);border-radius:14px;background:rgba(9,16,31,.68);box-shadow:0 14px 34px rgba(0,0,0,.18)}
.wing-mini-message.is-offset{margin-left:17%;animation-delay:-2s}.wing-mini-message div{display:grid;gap:6px}.wing-mini-message strong{font-size:.7rem}.wing-mini-message i{height:6px;border-radius:6px;background:linear-gradient(90deg,rgba(121,204,255,.45),transparent)}.wing-mini-message i:last-child{width:62%}
.wing-mini-presence{position:absolute;right:22px;bottom:19px;display:flex;align-items:center}.wing-mini-presence span{width:28px;height:28px;margin-left:-7px;border:2px solid #0a1324;border-radius:50%;background:linear-gradient(135deg,#1ccfff,#695aff)}.wing-mini-presence span:nth-child(2){background:linear-gradient(135deg,#c06aff,#7258df)}.wing-mini-presence span:nth-child(3){background:linear-gradient(135deg,#ffc259,#de7045)}.wing-mini-presence small{margin-left:8px;color:#88a1bb;font-size:.6rem}
.wing-identity-visual,.wing-persistence-visual{position:absolute;top:25px;right:26px;z-index:1}
.wing-identity-visual{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-width:205px;padding:12px 14px;border:1px solid rgba(169,103,255,.18);border-radius:15px;background:linear-gradient(145deg,rgba(115,72,205,.13),rgba(10,17,33,.75));box-shadow:0 18px 40px rgba(0,0,0,.18)}.wing-identity-visual div{display:flex;flex-direction:column}.wing-identity-visual strong{font-size:.68rem}.wing-identity-visual small{color:#788aa3;font-size:.55rem}.wing-identity-visual em{align-self:flex-start;margin-top:5px;padding:2px 5px;border-radius:4px;color:#d9bbff;background:rgba(160,91,255,.18);font:700 .46rem JetBrains Mono,monospace}.wing-identity-visual>i{color:#c486ff;font-size:1.2rem}
.wing-persistence-visual{display:flex;align-items:center;gap:7px}.wing-persistence-visual span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(67,223,180,.18);border-radius:14px;color:#44e0b0;background:rgba(26,155,119,.09);box-shadow:0 13px 28px rgba(0,0,0,.14)}.wing-persistence-visual b{width:25px;height:1px;background:linear-gradient(90deg,rgba(68,224,176,.2),rgba(68,224,176,.85));position:relative}.wing-persistence-visual b:after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:#44e0b0;box-shadow:0 0 12px #44e0b0;animation:wingPacket 2.6s linear infinite}
@keyframes wingPacket{from{transform:translateX(-25px);opacity:0}20%{opacity:1}to{transform:translateX(0);opacity:0}}

/* Architecture: readable copy + larger animated network. */
.wing-architecture-layout{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)!important}
.wing-check-list strong{color:#eaf4ff!important;opacity:1!important}.wing-check-list span{color:#8394aa!important}
.wing-system-map{max-width:620px!important;min-height:540px}
.wing-system-core{z-index:4;width:148px;height:148px;border-radius:36px!important}
.wing-system-node{z-index:4;min-width:132px;min-height:108px}
.wing-system-flow{position:absolute;inset:0;z-index:2;pointer-events:none}.wing-system-flow span{position:absolute;left:50%;top:50%;width:36%;height:2px;transform-origin:left;background:linear-gradient(90deg,rgba(39,215,255,.04),rgba(39,215,255,.72),rgba(164,92,255,.08));overflow:hidden}.wing-system-flow span:after{content:"";position:absolute;width:54px;height:100%;background:linear-gradient(90deg,transparent,#fff,transparent);animation:wingDataFlow 3.2s linear infinite}.wing-system-flow span:nth-child(1){transform:rotate(-30deg)}.wing-system-flow span:nth-child(2){transform:rotate(90deg);animation-delay:-.8s}.wing-system-flow span:nth-child(3){transform:rotate(210deg);animation-delay:-1.6s}.wing-system-flow span:nth-child(4){transform:rotate(330deg);animation-delay:-2.4s}
@keyframes wingDataFlow{from{transform:translateX(-70px)}to{transform:translateX(240px)}}
.wing-system-ring{box-shadow:0 0 55px rgba(47,153,255,.05) inset}.wing-ring-one{animation:wingRingPulse 5s ease-in-out infinite}.wing-ring-two{animation:wingSpin 35s linear infinite,wingRingPulse 7s ease-in-out infinite reverse}
@keyframes wingRingPulse{50%{border-color:rgba(72,199,255,.28);box-shadow:0 0 60px rgba(76,126,255,.10) inset}}

/* Ecosystem cards: useful visual content instead of empty boxes. */
.wing-world-card{display:flex;flex-direction:column;min-height:305px!important}
.wing-world-card p{max-width:85%}.wing-world-link{margin-top:auto}
.wing-world-visual{position:absolute;right:22px;bottom:22px;pointer-events:none;opacity:.85}
.wing-world-chat{display:grid;gap:6px;width:135px;padding:12px;border:1px solid rgba(76,190,255,.15);border-radius:13px;background:rgba(7,14,29,.62)}.wing-world-chat i{display:block;height:7px;border-radius:7px;background:linear-gradient(90deg,rgba(39,215,255,.55),transparent)}.wing-world-chat i:nth-child(2){width:72%;background:linear-gradient(90deg,rgba(164,92,255,.5),transparent)}.wing-world-chat i:nth-child(3){width:48%}.wing-world-chat span{margin-top:3px;color:#8ea4bf;font:600 .52rem JetBrains Mono,monospace}
.wing-world-wave{display:flex;align-items:end;gap:4px;height:60px}.wing-world-wave i{width:5px;border-radius:6px;background:linear-gradient(#43dcff,#9365ff);animation:wingEqualizer 1.25s ease-in-out infinite}.wing-world-wave i:nth-child(1){height:18px}.wing-world-wave i:nth-child(2){height:42px;animation-delay:-.3s}.wing-world-wave i:nth-child(3){height:28px;animation-delay:-.6s}.wing-world-wave i:nth-child(4){height:54px;animation-delay:-.9s}.wing-world-wave i:nth-child(5){height:31px;animation-delay:-.2s}.wing-world-wave i:nth-child(6){height:47px;animation-delay:-.7s}.wing-world-wave i:nth-child(7){height:21px;animation-delay:-1s}@keyframes wingEqualizer{50%{transform:scaleY(.4);opacity:.55}}
.wing-world-board{display:grid;grid-template-columns:repeat(2,28px);grid-template-rows:repeat(2,28px);border:1px solid rgba(72,189,255,.18);border-radius:10px;overflow:hidden}.wing-world-board i:nth-child(odd){background:rgba(58,181,230,.18)}.wing-world-board i:nth-child(even){background:rgba(139,92,246,.17)}.wing-world-board span{position:absolute;inset:0;display:grid;place-items:center;color:#d9ebff;font-size:1.55rem;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}
.wing-world-video{width:126px}.wing-world-video span{display:grid;place-items:center;height:72px;border:1px solid rgba(70,196,255,.17);border-radius:13px;color:#fff;background:linear-gradient(145deg,rgba(37,110,197,.24),rgba(111,73,210,.22));box-shadow:0 14px 32px rgba(0,0,0,.16)}.wing-world-video b{display:block;width:75%;height:5px;margin-top:9px;border-radius:5px;background:linear-gradient(90deg,#39d9ff 45%,rgba(131,148,171,.18) 45%)}
.wing-world-kanban{display:flex;align-items:flex-start;gap:6px}.wing-world-kanban i{width:25px;height:50px;border-radius:7px;background:linear-gradient(180deg,rgba(51,207,255,.28),rgba(51,207,255,.07))}.wing-world-kanban i:nth-child(2){height:68px;background:linear-gradient(180deg,rgba(142,96,255,.32),rgba(142,96,255,.08))}.wing-world-kanban i:nth-child(3){height:37px}.wing-world-kanban i:nth-child(4){height:58px}.wing-world-kanban i:nth-child(5){height:29px}
.wing-world-article{width:130px;padding:11px;border:1px solid rgba(61,190,255,.14);border-radius:12px;background:rgba(7,14,28,.52)}.wing-world-article b{display:block;height:38px;margin-bottom:9px;border-radius:7px;background:linear-gradient(135deg,rgba(41,208,255,.25),rgba(137,92,246,.25))}.wing-world-article i{display:block;height:5px;margin:5px 0;border-radius:5px;background:linear-gradient(90deg,rgba(149,174,204,.38),transparent)}.wing-world-article i:nth-child(3){width:78%}.wing-world-article i:nth-child(4){width:56%}

/* Softer, more premium light theme. */
html[data-site-theme="light"]{--text:#17243a;--muted:#5c6f89}
html[data-site-theme="light"] body{background:linear-gradient(180deg,#eef3f8 0%,#e8eef5 100%)!important}
html[data-site-theme="light"] #network-bg{opacity:.1!important;filter:saturate(.45) contrast(.65)}
html[data-site-theme="light"] .site-header{background:rgba(243,247,251,.94)!important;border-bottom-color:rgba(48,76,111,.11)!important}
html[data-site-theme="light"] .wing-showcase-hero{background:radial-gradient(circle at 79% 14%,rgba(73,112,224,.13),transparent 34rem),radial-gradient(circle at 8% 88%,rgba(145,89,207,.09),transparent 31rem),linear-gradient(135deg,#f3f6f9 0%,#e8eef5 58%,#edf2f7 100%)!important}
html[data-site-theme="light"] .wing-section,html[data-site-theme="light"] .wing-architecture,html[data-site-theme="light"] .wing-final-cta{background:linear-gradient(180deg,#edf2f7,#e7edf4)!important}
html[data-site-theme="light"] .wing-section-heading>p,html[data-site-theme="light"] .wing-architecture-copy>p,html[data-site-theme="light"] .wing-hero-lead{color:#53677f!important}
html[data-site-theme="light"] .wing-feature-card,html[data-site-theme="light"] .wing-world-card{background:linear-gradient(145deg,#f8fafc,#e9eff5)!important;border-color:rgba(55,86,122,.17)!important;box-shadow:0 18px 45px rgba(55,73,96,.11)!important}
html[data-site-theme="light"] .wing-feature-card:hover,html[data-site-theme="light"] .wing-world-card:hover{box-shadow:0 24px 55px rgba(55,73,96,.16)!important}
html[data-site-theme="light"] .wing-conversation-visual{background:radial-gradient(circle at 85% 15%,rgba(116,91,224,.13),transparent 38%),linear-gradient(145deg,#eef4f9,#e4ebf2);border-color:rgba(65,102,145,.15);box-shadow:inset 0 1px #fff,0 20px 45px rgba(52,70,91,.10)}
html[data-site-theme="light"] .wing-mini-channel{color:#19304a;background:rgba(37,124,211,.1)}html[data-site-theme="light"] .wing-mini-message{background:rgba(255,255,255,.72);border-color:rgba(62,95,133,.12);box-shadow:0 12px 28px rgba(52,70,91,.09)}
html[data-site-theme="light"] .wing-mini-presence span{border-color:#edf3f8}
html[data-site-theme="light"] .wing-identity-visual{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(235,228,249,.72));border-color:rgba(125,86,190,.15);box-shadow:0 15px 34px rgba(60,73,92,.10)}
html[data-site-theme="light"] .wing-persistence-visual span{background:rgba(28,162,125,.08)}
html[data-site-theme="light"] .wing-check-list strong{color:#1b2b43!important}html[data-site-theme="light"] .wing-check-list span{color:#5e7189!important}
html[data-site-theme="light"] .wing-system-core,html[data-site-theme="light"] .wing-system-node{background:linear-gradient(145deg,#f9fbfd,#e5ecf3)!important;border-color:rgba(55,86,122,.17)!important;box-shadow:0 18px 42px rgba(50,68,90,.13)!important}
html[data-site-theme="light"] .wing-system-flow span{background:linear-gradient(90deg,rgba(31,145,195,.03),rgba(31,145,195,.55),rgba(112,78,194,.08))}
html[data-site-theme="light"] .wing-world-chat,html[data-site-theme="light"] .wing-world-article{background:rgba(255,255,255,.58);border-color:rgba(58,93,134,.14)}
html[data-site-theme="light"] .wing-world-video span{background:linear-gradient(145deg,rgba(39,145,205,.12),rgba(115,82,198,.12));color:#45617c}
html[data-site-theme="light"] .wing-final-cta{border-top:1px solid rgba(55,86,122,.10)}
html[data-site-theme="light"] .wl-footer{background:radial-gradient(circle at 12% 0%,rgba(34,211,238,.08),transparent 30%),radial-gradient(circle at 88% 10%,rgba(139,92,246,.07),transparent 32%),linear-gradient(180deg,#e6edf4,#dfe8f1)!important}

@media(max-width:980px){.wing-architecture-layout{grid-template-columns:1fr!important}.wing-system-map{min-height:460px}.wing-identity-visual,.wing-persistence-visual{position:relative;top:auto;right:auto;margin-bottom:28px}.wing-world-visual{opacity:.55}}
@media(max-width:680px){.wing-conversation-visual{min-height:230px;padding:16px}.wing-mini-message{width:90%}.wing-mini-message.is-offset{margin-left:8%}.wing-world-visual{display:none}.wing-system-map{transform:scale(.82);margin:-30px auto}}
@media(prefers-reduced-motion:reduce){[data-reveal].is-revealed,.wing-persistence-visual b:after,.wing-system-flow span:after,.wing-world-wave i,.wing-ring-one,.wing-ring-two{animation:none!important}}
