/* WING showcase — isolated marketing layer for the WanaLike home page. */
:root{--ws-cyan:#27d7ff;--ws-blue:#5277ff;--ws-purple:#a45cff;--ws-green:#3ce6a0;--ws-ink:#050814;--ws-panel:rgba(10,17,35,.72)}
.wing-showcase-hero{position:relative;min-height:calc(100vh - 76px);display:grid;align-items:center;overflow:hidden;padding:clamp(72px,8vw,128px) 0 96px;isolation:isolate}
.wing-showcase-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 38%,rgba(82,119,255,.15),transparent 29%),linear-gradient(180deg,rgba(5,8,20,.05),#060a15 94%);z-index:-3}
.wing-aurora{position:absolute;width:48vw;height:48vw;border-radius:50%;filter:blur(100px);opacity:.2;z-index:-2;animation:wingDrift 13s ease-in-out infinite alternate}
.wing-aurora-one{right:-15vw;top:-18vw;background:#326eff}.wing-aurora-two{left:-22vw;bottom:-30vw;background:#8c37d8;animation-delay:-5s}
.wing-grid-floor{position:absolute;left:0;right:0;bottom:-12%;height:54%;z-index:-2;opacity:.15;transform:perspective(500px) rotateX(62deg);transform-origin:bottom;background-image:linear-gradient(rgba(39,215,255,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(39,215,255,.35) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,#000)}
.wing-hero-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);gap:clamp(36px,6vw,92px);align-items:center}
.wing-kicker,.wing-section-number{display:inline-flex;align-items:center;gap:10px;color:#9cefff;font:600 .72rem/1 "JetBrains Mono",monospace;letter-spacing:.16em;text-transform:uppercase}
.wing-pulse{width:8px;height:8px;border-radius:50%;background:var(--ws-green);box-shadow:0 0 0 6px rgba(60,230,160,.08),0 0 18px rgba(60,230,160,.8);animation:wingPulse 2s infinite}
.wing-hero-copy h1{font-size:clamp(3.1rem,6.4vw,6.4rem);letter-spacing:-.055em;line-height:.96;margin:24px 0 28px;max-width:900px}
.wing-gradient-text{color:transparent;background:linear-gradient(112deg,#e8fbff 0%,var(--ws-cyan) 28%,#6d8fff 60%,#c06eff 100%);background-clip:text;-webkit-background-clip:text}
.wing-hero-lead{font-size:clamp(1rem,1.4vw,1.18rem);max-width:650px;color:#a7b5cb}
.wing-hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:34px}
.wing-primary-cta{position:relative;overflow:hidden;box-shadow:0 14px 40px rgba(39,168,255,.22),0 0 0 1px rgba(125,230,255,.15) inset}
.wing-primary-cta::after{display:none}
.wing-trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px;color:#73839e;font-size:.78rem}.wing-trust-row span{display:flex;gap:8px;align-items:center}.wing-trust-row i{color:#6bdfff}
.wing-product-stage{position:relative;min-width:0;perspective:1200px}.wing-app-window{position:relative;overflow:hidden;border:1px solid rgba(120,203,255,.2);border-radius:22px;background:rgba(6,11,25,.88);box-shadow:0 46px 120px rgba(0,0,0,.55),0 0 80px rgba(65,100,255,.13);transform:rotateY(-4deg) rotateX(2deg);transition:transform .25s ease;backdrop-filter:blur(20px)}
.wing-app-window:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.06),transparent 20%);z-index:4}
.wing-app-topbar{height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(10,17,34,.86)}
.wing-window-dots{display:flex;gap:6px}.wing-window-dots span{width:8px;height:8px;border-radius:50%;background:#ff6675}.wing-window-dots span:nth-child(2){background:#f6c95d}.wing-window-dots span:nth-child(3){background:#46d995}
.wing-app-brand{display:flex;align-items:center;gap:8px;font-family:Sora,sans-serif;letter-spacing:.08em}.wing-mark{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:9px;background:linear-gradient(135deg,var(--ws-cyan),var(--ws-blue) 55%,var(--ws-purple));color:#fff;font:bold .82rem Sora,sans-serif;box-shadow:0 0 24px rgba(54,175,255,.3);transform:rotate(-4deg)}
.wing-live-state{justify-self:end;color:#7f91aa;font:500 .62rem "JetBrains Mono",monospace}.wing-live-state i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--ws-green);box-shadow:0 0 9px var(--ws-green)}
.wing-app-body{height:430px;display:grid;grid-template-columns:52px 138px minmax(280px,1fr) 105px}
.wing-demo-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 8px;border-right:1px solid rgba(255,255,255,.06);background:rgba(3,7,16,.8)}.wing-demo-rail span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#65748b;background:#10182a;font-size:.78rem}.wing-demo-rail span.is-active{color:#fff;background:linear-gradient(135deg,#1abce9,#615cff);box-shadow:0 6px 18px rgba(49,153,255,.25)}
.wing-demo-channels,.wing-demo-members{padding:18px 12px;background:rgba(11,18,34,.66);font-size:.65rem}.wing-demo-channels>small,.wing-demo-members>small{color:#64748b;text-transform:uppercase;letter-spacing:.09em}.wing-demo-channels>strong{display:block;margin:5px 0 18px;font-size:.78rem}.wing-demo-channels ul{list-style:none;margin:0;padding:0}.wing-demo-channels li{display:flex;gap:7px;padding:8px;color:#78879d;border-radius:7px}.wing-demo-channels li.is-active{color:#e8f5ff;background:rgba(50,143,230,.12)}.wing-demo-channels li span{color:#506078}.wing-demo-section{display:block;margin:20px 0 7px}.wing-demo-channels p{font-size:.62rem;color:#8ea1b7}.wing-demo-channels p i{color:#a266ff;margin-right:4px}
.wing-demo-chat{min-width:0;display:flex;flex-direction:column;background:rgba(6,11,22,.55)}.wing-demo-chat header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.06)}.wing-demo-chat header strong,.wing-demo-chat header small{display:block}.wing-demo-chat header strong{font-size:.75rem}.wing-demo-chat header small{color:#66768d;font-size:.56rem;margin-top:3px}.wing-demo-tools{display:flex;gap:12px;color:#65758d;font-size:.65rem}
.wing-demo-messages{flex:1;padding:18px 16px}.wing-demo-messages article{display:grid;grid-template-columns:30px 1fr;gap:9px;margin-bottom:17px}.wing-avatar{display:grid!important;place-items:center;width:30px;height:30px;border-radius:50%;font:bold .65rem Sora,sans-serif;color:#fff;flex:0 0 auto}.wing-avatar-cyan{background:linear-gradient(135deg,#00c9ff,#2874d7)}.wing-avatar-purple{background:linear-gradient(135deg,#b561ff,#6556da)}.wing-avatar-gold{background:linear-gradient(135deg,#ffc85a,#de6b42)}.wing-avatar-green{background:linear-gradient(135deg,#53e3a1,#218c7c)}
.wing-demo-messages strong{font-size:.67rem}.wing-demo-messages strong small{padding:2px 4px;margin-left:3px;border-radius:3px;background:rgba(74,136,255,.16);color:#8bbcff;font-size:.43rem;text-transform:uppercase}.wing-demo-messages time{margin-left:7px;color:#526278;font-size:.48rem}.wing-demo-messages p{margin-top:4px;color:#a9b7c9;font-size:.62rem;line-height:1.45}.wing-demo-messages p i{margin-right:5px;color:#63dcff}
.wing-demo-composer{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(19,29,48,.8);color:#5f7087;font-size:.57rem}.wing-demo-composer span{flex:1}.wing-demo-members{border-left:1px solid rgba(255,255,255,.06)}.wing-demo-members p{display:flex;align-items:center;gap:6px;margin:12px 0;color:#8090a6;font-size:.58rem}.wing-demo-members .wing-avatar{width:21px;height:21px;font-size:.48rem}
.wing-floating-card{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(122,207,255,.18);border-radius:12px;background:rgba(9,16,33,.88);box-shadow:0 18px 45px rgba(0,0,0,.35);backdrop-filter:blur(14px);font-size:.62rem;animation:wingFloat 4s ease-in-out infinite}.wing-floating-card>i,.wing-terminal{color:var(--ws-cyan);font-size:1rem}.wing-floating-card span{display:flex;flex-direction:column;color:#687990}.wing-floating-card strong{color:#ddebfa;margin-bottom:2px}.wing-float-pbnc{right:-22px;top:20%}.wing-float-irc{left:-30px;bottom:11%;animation-delay:-1.5s}
.wing-orbit{position:absolute;border:1px solid rgba(57,185,255,.1);border-radius:50%;z-index:-1}.wing-orbit-one{width:620px;height:620px;left:3%;top:-22%}.wing-orbit-two{width:470px;height:470px;right:-15%;bottom:-28%}
.wing-scroll-cue{position:absolute;bottom:24px;left:50%;display:flex;flex-direction:column;align-items:center;gap:8px;color:#576980;font:500 .57rem "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase}.wing-scroll-cue span{width:1px;height:28px;background:linear-gradient(transparent,var(--ws-cyan));animation:wingScroll 1.8s infinite}
.wing-section{position:relative;padding:clamp(90px,10vw,150px) 0;overflow:hidden}.wing-section-heading{max-width:780px;margin-bottom:52px}.wing-section-heading h2,.wing-architecture-copy h2,.wing-final-cta h2{font-size:clamp(2.5rem,4.8vw,4.7rem);letter-spacing:-.045em;margin:17px 0 22px}.wing-section-heading>p{max-width:650px;font-size:1.05rem}
.wing-feature-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.wing-feature-card{position:relative;min-height:290px;padding:32px;border:1px solid rgba(133,182,237,.13);border-radius:23px;background:linear-gradient(145deg,rgba(15,25,47,.82),rgba(7,12,26,.67));overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.16);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.wing-feature-card:hover{transform:translateY(-6px);border-color:rgba(58,210,255,.3);box-shadow:0 28px 80px rgba(0,0,0,.28),0 0 40px rgba(50,152,255,.07)}.wing-feature-large{grid-row:span 2;min-height:598px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 20% 15%,rgba(44,180,255,.16),transparent 40%),linear-gradient(145deg,rgba(15,25,47,.9),rgba(7,12,26,.7))}
.wing-card-icon,.wing-world-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:38px;border:1px solid rgba(74,215,255,.2);border-radius:16px;color:var(--ws-cyan);background:rgba(39,215,255,.08);box-shadow:0 0 30px rgba(39,215,255,.08)}.wing-icon-purple{color:#c485ff;background:rgba(164,92,255,.09);border-color:rgba(164,92,255,.2)}.wing-icon-green{color:var(--ws-green);background:rgba(60,230,160,.08);border-color:rgba(60,230,160,.18)}
.wing-card-index{position:absolute;right:25px;top:24px;color:#344057;font:600 .72rem "JetBrains Mono",monospace}.wing-feature-card h3{font-size:1.45rem}.wing-feature-card p{max-width:560px}.wing-conversation-lines{position:absolute;inset:40px 35px auto 110px;display:flex;flex-direction:column;gap:15px;opacity:.42}.wing-conversation-lines span{height:9px;border-radius:8px;background:linear-gradient(90deg,rgba(39,215,255,.55),transparent)}.wing-conversation-lines span:nth-child(2){width:72%;margin-left:12%;background:linear-gradient(90deg,rgba(164,92,255,.5),transparent)}.wing-conversation-lines span:nth-child(3){width:45%}
.wing-architecture{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}.wing-architecture-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.wing-architecture-copy>p{max-width:590px}.wing-check-list{list-style:none;margin:36px 0 0;padding:0}.wing-check-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;margin:18px 0}.wing-check-list li>i{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:#06111a;background:var(--ws-cyan);font-size:.62rem;box-shadow:0 0 20px rgba(39,215,255,.25)}.wing-check-list span{display:flex;flex-direction:column;color:#718299;font-size:.85rem}.wing-check-list strong{color:#e8f3ff;margin-bottom:3px}
.wing-system-map{position:relative;aspect-ratio:1;max-width:570px;margin:auto;display:grid;place-items:center}.wing-system-ring{position:absolute;border:1px solid rgba(65,192,255,.13);border-radius:50%}.wing-ring-one{inset:14%}.wing-ring-two{inset:2%;border-style:dashed;animation:wingSpin 35s linear infinite}.wing-system-core,.wing-system-node{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(100,205,255,.22);background:rgba(10,17,34,.9);box-shadow:0 18px 55px rgba(0,0,0,.32),0 0 40px rgba(44,154,255,.08);backdrop-filter:blur(16px)}.wing-system-core{width:145px;height:145px;border-radius:50%}.wing-system-core .wing-mark{margin-bottom:9px}.wing-system-core strong,.wing-system-node strong{font:.75rem Sora,sans-serif}.wing-system-core small,.wing-system-node small{margin-top:4px;color:#607188;font-size:.58rem}.wing-system-node{width:112px;height:112px;border-radius:25px}.wing-system-node i,.wing-system-node>span{margin-bottom:9px;color:var(--ws-cyan);font-size:1.1rem}.wing-node-one{top:3%;left:39%}.wing-node-two{left:3%;bottom:18%}.wing-node-three{right:2%;bottom:17%}.wing-system-map:before,.wing-system-map:after{content:"";position:absolute;width:55%;height:1px;background:linear-gradient(90deg,transparent,rgba(39,215,255,.3),transparent);transform:rotate(32deg)}.wing-system-map:after{transform:rotate(-34deg)}
.wing-heading-row{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:50px}.wing-heading-row>p{max-width:420px;margin-bottom:28px}.wing-world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.wing-world-card{position:relative;min-height:300px;padding:28px;border:1px solid rgba(133,182,237,.13);border-radius:22px;background:rgba(10,17,34,.66);overflow:hidden;transition:transform .28s ease,border-color .28s ease,background .28s ease}.wing-world-card:hover{transform:translateY(-6px);border-color:rgba(62,207,255,.32);background:rgba(13,23,44,.86)}.wing-world-main{grid-column:span 2;background:radial-gradient(circle at 85% 15%,rgba(55,107,255,.22),transparent 36%),rgba(10,17,34,.72)}.wing-world-card .wing-world-icon{margin-bottom:45px}.wing-world-card small{color:#60748d;font:600 .61rem "JetBrains Mono",monospace;letter-spacing:.13em}.wing-world-card h3{font-size:1.6rem;margin-top:9px}.wing-world-card p{font-size:.87rem;max-width:440px}.wing-world-link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;color:#88e8ff;font-size:.8rem}.wing-world-link i{transition:transform .2s}.wing-world-card:hover .wing-world-link i{transform:translateX(5px)}.wing-world-glow{position:absolute;width:250px;height:250px;right:-50px;top:-80px;border-radius:50%;background:#296eff;filter:blur(70px);opacity:.13}.wing-equalizer{position:absolute;right:24px;bottom:28px;display:flex;align-items:end;gap:4px;height:30px}.wing-equalizer i{width:4px;border-radius:4px;background:linear-gradient(var(--ws-purple),var(--ws-cyan));animation:wingEq 1s ease-in-out infinite alternate}.wing-equalizer i:nth-child(1){height:35%}.wing-equalizer i:nth-child(2){height:85%;animation-delay:-.4s}.wing-equalizer i:nth-child(3){height:55%;animation-delay:-.7s}.wing-equalizer i:nth-child(4){height:100%;animation-delay:-.2s}.wing-equalizer i:nth-child(5){height:45%;animation-delay:-.5s}
.wing-final-cta{position:relative;overflow:hidden;padding:140px 0;text-align:center}.wing-final-cta .container{position:relative;z-index:1}.wing-final-cta p{font-size:1.05rem}.wing-final-cta .wing-hero-actions{justify-content:center}.wing-mark-large{width:60px;height:60px;margin-bottom:25px;border-radius:18px;font-size:1.4rem}.wing-final-orb{position:absolute;left:50%;top:50%;width:700px;height:700px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(56,112,255,.17),rgba(155,65,255,.06) 36%,transparent 68%);filter:blur(12px)}.wing-final-orb:after{content:"";position:absolute;inset:18%;border:1px solid rgba(73,193,255,.12);border-radius:50%;box-shadow:0 0 100px rgba(50,120,255,.1)}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)}[data-reveal].is-revealed{opacity:1;transform:none}[data-reveal-delay="1"]{transition-delay:.12s}[data-reveal-delay="2"]{transition-delay:.24s}
@keyframes wingDrift{to{transform:translate3d(5vw,4vw,0) scale(1.12)}}@keyframes wingPulse{50%{box-shadow:0 0 0 10px transparent,0 0 22px rgba(60,230,160,.9)}}@keyframes wingFloat{50%{transform:translateY(-8px)}}@keyframes wingSpin{to{transform:rotate(360deg)}}@keyframes wingScroll{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes wingEq{to{height:25%}}
@media(max-width:1180px){.wing-hero-layout{grid-template-columns:1fr}.wing-hero-copy{text-align:center}.wing-hero-lead{margin:auto}.wing-hero-actions,.wing-trust-row{justify-content:center}.wing-product-stage{width:min(100%,820px);margin:20px auto 0}.wing-app-window{transform:none}.wing-architecture-layout{gap:35px}.wing-world-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.wing-showcase-hero{min-height:auto;padding-top:80px}.wing-product-stage{width:115%;margin-left:-7.5%}.wing-app-body{grid-template-columns:45px 120px minmax(250px,1fr)}.wing-demo-members{display:none}.wing-floating-card{display:none}.wing-feature-grid{grid-template-columns:1fr}.wing-feature-large{grid-row:auto;min-height:380px}.wing-architecture-layout{grid-template-columns:1fr}.wing-system-map{width:min(100%,500px)}.wing-heading-row{display:block}.wing-world-grid{grid-template-columns:1fr 1fr}.wing-world-main{grid-column:span 2}.wing-scroll-cue{display:none}}
@media(max-width:580px){.wing-hero-copy h1{font-size:clamp(2.7rem,14vw,4rem)}.wing-hero-actions .btn{width:100%;justify-content:center}.wing-trust-row{gap:12px}.wing-product-stage{width:145%;margin-left:-22.5%;transform:scale(.9)}.wing-app-body{height:390px}.wing-demo-channels{display:none}.wing-app-body{grid-template-columns:45px 1fr}.wing-section{padding:82px 0}.wing-feature-card{padding:25px;min-height:270px}.wing-feature-large{min-height:360px}.wing-architecture-copy h2,.wing-section-heading h2,.wing-final-cta h2{font-size:2.55rem}.wing-system-map{transform:scale(.86);margin-block:-30px}.wing-world-grid{grid-template-columns:1fr}.wing-world-main{grid-column:auto}.wing-world-card{min-height:260px}.wing-heading-row{margin-bottom:35px}.wing-final-cta{padding:100px 0}}
@media(prefers-reduced-motion:reduce){.wing-aurora,.wing-pulse,.wing-floating-card,.wing-ring-two,.wing-scroll-cue span,.wing-equalizer i{animation:none!important}[data-reveal]{opacity:1;transform:none;transition:none}.wing-app-window{transform:none!important}}

.wing-official-wordmark{width:min(330px,72%);height:auto;margin:0 0 24px;filter:drop-shadow(0 14px 28px rgba(60,118,255,.22))}
.wing-app-brand img{width:82px;height:34px;object-fit:contain;object-position:center;filter:drop-shadow(0 0 9px rgba(80,170,255,.25))}
.wing-final-logo{width:min(360px,80%);height:auto;margin:0 auto 25px;filter:drop-shadow(0 18px 38px rgba(73,113,255,.25))}
@media(max-width:1180px){.wing-official-wordmark{margin-inline:auto}}