.wnt-hero-kicker,.wnt-hero-title{font-family:'Chakra Petch',sans-serif}.wnt-blog-track,.wnt-testi-viewport{scroll-snap-type:x mandatory;scrollbar-width:none}.wnt-hero{position:relative;overflow:hidden;padding:20px 0 56px;background:linear-gradient(135deg,var(--wnt-off-white) 0,#efeaff 55%,#e4daff 100%);transition:background .25s}html[data-theme=dark] .wnt-hero{background:linear-gradient(135deg,var(--wnt-deep-ink) 0,#150b31 55%,#1c1044 100%)}.wnt-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.wnt-hero-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.22}html[data-theme=dark] .wnt-hero-blob{opacity:.3}.blob-1{width:480px;height:480px;top:-180px;right:-120px;background:radial-gradient(circle,var(--wnt-secondary-violet),transparent 70%)}.blob-2{width:360px;height:360px;bottom:-160px;left:-100px;background:radial-gradient(circle,var(--wnt-soft-lavender),transparent 70%)}.as1{top:20%;left:44%;animation-delay:.8s}.as2{top:62%;left:52%;width:10px;height:10px;animation-delay:2.4s}.wnt-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:440px}.wnt-hero-kicker{display:inline-flex;align-items:center;font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--wnt-accent-text);margin-bottom:18px;padding:7px 16px;border-radius:999px;background:rgba(75,44,255,.08);border:1px solid rgba(75,44,255,.22)}html[data-theme=dark] .wnt-hero-kicker{background:rgba(141,102,255,.12);border-color:rgba(141,102,255,.3)}.wnt-hero-title{font-weight:700;font-size:clamp(40px, 5vw, 64px);line-height:1.04;letter-spacing:-.01em;color:var(--wnt-text);margin-bottom:22px}.wnt-hero-title-accent{background:var(--wnt-gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.wnt-hero-desc{font-family:Inter,sans-serif;font-size:18px;line-height:1.6;color:var(--wnt-text-muted);max-width:46ch;margin-bottom:30px}.wnt-hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:28px}.wnt-hero-cta .btn{display:inline-flex;align-items:center;gap:8px;transition:transform .18s,box-shadow .18s,opacity .18s,background-color .18s,color .18s}.wnt-hero-cta .btn i{font-size:15px;transition:transform .15s}.wnt-faq-cta-btn:hover,.wnt-hero-cta .btn:hover i{transform:translateX(3px)}.wnt-hero-cta .btn-wnt-primary:hover{box-shadow:0 10px 30px rgba(75,44,255,.45),0 4px 14px rgba(106,72,255,.35);transform:translateY(-2px)}.wnt-hero-cta .btn-wnt-outline:hover{box-shadow:0 10px 26px rgba(75,44,255,.3);transform:translateY(-2px)}html[data-theme=dark] .wnt-hero-cta .btn-wnt-outline{color:var(--wnt-off-white);border-color:var(--wnt-soft-lavender)}html[data-theme=dark] .wnt-hero-cta .btn-wnt-outline:hover{background:var(--wnt-soft-lavender);color:var(--wnt-deep-ink)}.wnt-hero-points{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0}.wnt-hero-points li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--wnt-text-muted)}.wnt-hero-points i{color:var(--wnt-soft-lavender);font-size:15px}.wnt-hero-stage{position:relative;height:440px;display:flex;align-items:center;justify-content:center;perspective:1000px}.wnt-hero-platform,.wnt-hero-ring{position:absolute;border-radius:50%}.ring-outer{width:430px;height:430px;background:conic-gradient(from 0deg,transparent 0deg,var(--wnt-secondary-violet) 60deg,transparent 140deg,transparent 220deg,var(--wnt-soft-lavender) 300deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));animation:14s linear infinite wntRingSpin;opacity:.8}.ring-inner,.wnt-faq-ring-outer{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px))}.ring-inner{width:330px;height:330px;background:conic-gradient(from 180deg,transparent 0deg,var(--wnt-primary-purple) 90deg,transparent 180deg);mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));animation:9s linear infinite reverse wntRingSpin;opacity:.6}@keyframes wntRingSpin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.wnt-hero-platform{bottom:46px;width:220px;height:50px;background:radial-gradient(ellipse at center,var(--wnt-secondary-violet) 0,transparent 72%);filter:blur(18px);opacity:.55;animation:3.2s ease-in-out infinite wntPulse}@keyframes wntPulse{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:.65;transform:scale(1.08)}}.wnt-hero-float{position:relative;animation:5s ease-in-out infinite wntFloat}@keyframes wntFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}.wnt-hero-spin{position:relative;animation:8s linear infinite wntSpin360;transform-style:preserve-3d;filter:drop-shadow(0 0 30px rgba(75, 44, 255, .5)) drop-shadow(0 0 64px rgba(109, 72, 255, .25))}@keyframes wntSpin360{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}.wnt-hero-logo-img{width:350px;height:auto;display:block}.wnt-hero-logo-img.logo-for-light,html[data-theme=light] .wnt-hero-logo-img.logo-for-dark{display:none}html[data-theme=light] .wnt-faq-image.logo-for-light,html[data-theme=light] .wnt-hero-logo-img.logo-for-light{display:block}.wnt-hero-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--wnt-soft-lavender);opacity:.7}.p1{top:16%;left:12%;animation:6s ease-in-out infinite wntDrift}.p2{top:66%;left:8%;width:4px;height:4px;animation:7.5s ease-in-out .8s infinite wntDrift}.p3{top:10%;right:10%;width:5px;height:5px;animation:5.5s ease-in-out .4s infinite wntDrift}.p4{bottom:18%;right:14%;animation:6.8s ease-in-out 1.2s infinite wntDrift}@keyframes wntDrift{0%,100%{transform:translate(0,0);opacity:.3}50%{transform:translate(8px,-14px);opacity:.9}}.wnt-hero-sparkle{position:absolute;width:14px;height:14px;opacity:0;animation:4.5s ease-in-out infinite wntTwinkle}.wnt-hero-sparkle::after,.wnt-hero-sparkle::before{content:'';position:absolute;background:var(--wnt-soft-lavender);border-radius:2px}.wnt-faq-sparkle::before,.wnt-hero-sparkle::before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.wnt-faq-sparkle::after,.wnt-hero-sparkle::after{width:2px;height:100%;left:50%;top:0;transform:translateX(-50%)}.wnt-problem-card:hover,.wnt-testi-card:hover{transform:translateY(-3px)}.sp1{top:22%;left:22%;animation-delay:0s}.sp2{top:78%;right:20%;animation-delay:1.6s}.sp3{top:42%;right:6%;width:10px;height:10px;animation-delay:3s}@keyframes wntTwinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:.85;transform:scale(1) rotate(45deg)}}.wnt-hero-chip{position:absolute;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:12px;background:rgba(247,244,255,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--wnt-border);box-shadow:0 10px 28px rgba(75,44,255,.14);animation:5s ease-in-out infinite wntFloat}html[data-theme=dark] .wnt-hero-chip{background:linear-gradient(155deg,rgba(75,44,255,.22),rgba(18,20,31,.92));border-color:rgba(141,102,255,.4);box-shadow:0 10px 32px rgba(75,44,255,.28),0 4px 16px rgba(0,0,0,.45)}.chip-1{top:8%;right:4%;animation-delay:.3s}.chip-2{bottom:10%;left:0;animation-delay:.9s}.chip-num{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:20px;color:var(--wnt-accent-text)}.chip-label{font-family:Inter,sans-serif;font-size:12px;color:var(--wnt-text-muted)}.wnt-trusted{--wnt-font-heading:'Chakra Petch',sans-serif;--wnt-font-body:'Inter',sans-serif;--wnt-primary:#4B2CFF;--wnt-secondary:#6A48FF;--wnt-accent:#8D66FF;--wnt-bg-solid:#F7F7FA;--wnt-grad-a:rgba(75,44,255,0.10);--wnt-grad-b:rgba(141,102,255,0.14);--wnt-card:rgba(255,255,255,0.55);--wnt-card-border:rgba(255,255,255,0.65);--wnt-text:#14152A;--wnt-text-muted:#6B6C7E;--wnt-stats-bg:rgba(255,255,255,0.45);--wnt-star:#6A48FF;--wnt-shadow:0 3px 10px rgba(60,40,150,0.10);position:relative;background:linear-gradient(120deg,var(--wnt-grad-a) 0,transparent 42%,var(--wnt-grad-b) 100%),var(--wnt-bg-solid);color:var(--wnt-text);font-family:var(--wnt-font-body);overflow:hidden;padding:.75rem 0}.wnt-dotgrid,.wnt-glow{position:absolute;z-index:0;inset:0;pointer-events:none}.wnt-brand.b-aven,.wnt-heading,.wnt-stat-num{font-family:var(--wnt-font-heading)}[data-theme=dark] .wnt-trusted{--wnt-bg-solid:#10101d;--wnt-grad-a:rgba(106,72,255,0.24);--wnt-grad-b:rgba(141,102,255,0.30);--wnt-card:rgba(255,255,255,0.06);--wnt-card-border:rgba(255,255,255,0.12);--wnt-text:#F7F7FA;--wnt-text-muted:#A6A7B8;--wnt-stats-bg:var(--wnt-card);--wnt-star:#C9A6FF;--wnt-shadow:0 3px 10px rgba(0,0,0,0.3)}.wnt-trusted,.wnt-trusted *{transition:background-color .4s,border-color .4s,box-shadow .4s,color .4s}.wnt-glow{background-image:radial-gradient(circle at 12% 20%,rgba(106,72,255,.16),transparent 40%),radial-gradient(circle at 88% 15%,rgba(141,102,255,.14),transparent 38%),radial-gradient(circle at 50% 100%,rgba(75,44,255,.1),transparent 45%)}.wnt-dotgrid{background-image:radial-gradient(var(--wnt-card-border) 1px,transparent 1px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 10%,#000 40%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 10%,#000 40%,transparent 75%);opacity:.6}.wnt-container{position:relative;z-index:1}.wnt-heading{font-weight:700;line-height:1.15;font-size:clamp(1.75rem, 3.2vw, 2.75rem);margin-top:0}.wnt-heading .wnt-grad{background:linear-gradient(90deg,var(--wnt-secondary),var(--wnt-accent));-webkit-background-clip:text;background-clip:text;color:transparent}.wnt-sub{color:var(--wnt-text-muted);max-width:620px;margin:.3rem auto 0;font-size:.98rem}.wnt-stats{background:var(--wnt-stats-bg);border:1px solid var(--wnt-card-border);border-radius:1.25rem;padding:1.4rem 1rem;margin-top:1rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--wnt-shadow)}.wnt-arrow:hover,.wnt-stat-icon{background:linear-gradient(135deg,var(--wnt-primary),var(--wnt-accent))}.wnt-stat{display:flex;align-items:center;gap:.75rem;text-align:left}.wnt-stat-icon{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;box-shadow:0 0 0 6px rgba(106,72,255,.08)}.wnt-arrow,.wnt-testi-card{background:var(--wnt-card);box-shadow:var(--wnt-shadow);display:flex}.wnt-stat-num{font-weight:700;font-size:1.25rem;line-height:1.1;margin:0}.wnt-stat-label{font-size:.72rem;color:var(--wnt-text-muted);margin:0;line-height:1.25}.wnt-divider-label{text-align:center;font-size:.72rem;font-weight:600;letter-spacing:.12em;color:var(--wnt-accent);opacity:.85;margin:1.5rem 0 1.25rem}.wnt-marquee-wrap{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.wnt-marquee-track{display:flex;align-items:center;width:max-content;animation:32s linear infinite wnt-scroll}.wnt-marquee-wrap:hover .wnt-marquee-track{animation-play-state:paused}@keyframes wnt-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.wnt-brand{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;padding:0 1.5rem;color:var(--wnt-text-muted);font-weight:700;font-size:1.65rem;opacity:.8;filter:grayscale(1);transition:opacity .3s,filter .3s,color .4s;white-space:nowrap}.wnt-brand:hover{opacity:1;filter:grayscale(0);color:var(--wnt-text)}.wnt-brand i{color:var(--wnt-accent);font-size:1.35rem}.wnt-brand.b-aven{font-weight:700;font-style:italic}.wnt-brand.b-utosia{letter-spacing:.18em;font-weight:600}.wnt-brand.b-hexaware{font-weight:700;font-style:italic}.wnt-testi-region{position:relative;margin-top:1rem}.wnt-testi-viewport{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:.5rem .1rem 1rem}.wnt-testi-viewport::-webkit-scrollbar{display:none}.wnt-testi-track{display:flex;gap:1.25rem}.wnt-testi-card{border:1px solid var(--wnt-card-border);border-radius:1rem;padding:1.1rem 1.25rem;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex:0 0 auto;scroll-snap-align:start;height:190px;flex-direction:column;transition:background-color .4s,border-color .4s,box-shadow .25s,color .4s,transform .25s}.wnt-testi-card:hover{border-color:var(--wnt-accent);box-shadow:0 8px 16px rgba(106,72,255,.2)}.wnt-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid var(--wnt-card-border);color:var(--wnt-text);align-items:center;justify-content:center;transition:background-color .25s,border-color .4s,color .25s;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.wnt-arrow:hover{color:#fff}.wnt-arrow.wnt-prev{left:-17px}.wnt-arrow.wnt-next{right:-17px}.wnt-testi-top{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0}.wnt-testi-quote-icon{color:var(--wnt-accent);font-size:1.1rem;opacity:.85}.wnt-testi-stars{color:var(--wnt-star);font-size:.7rem;letter-spacing:.1em}.wnt-testi-text{font-size:.85rem;color:var(--wnt-text);margin:.6rem 0 .9rem;line-height:1.45;flex:1 1 auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.wnt-testi-person{display:flex;align-items:center;gap:.65rem;flex-shrink:0;margin-top:auto}.wnt-testi-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;border:2px solid var(--wnt-card-border);flex-shrink:0}.wnt-testi-name{font-weight:700;font-size:.85rem;margin:0}.wnt-testi-role{font-size:.73rem;color:var(--wnt-text-muted);margin:0}.wnt-problem-section{padding:50px 0;transition:background .4s,color .3s;overflow:hidden}.wnt-problem-inner,.wnt-solution-inner{transition:background .4s,border-color .3s}.wnt-problem-label,.wnt-solution-label{display:inline-flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.wnt-faq-label,.wnt-how-label{letter-spacing:.1em;text-transform:uppercase}.wnt-problem-title{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:1.9rem;line-height:1.25;margin-bottom:14px}.wnt-problem-desc{font-family:Inter,sans-serif;font-size:.95rem;line-height:1.65;max-width:420px;margin-bottom:0}.wnt-problem-cards,.wnt-solution-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media (min-width:1200px){.wnt-problem-cards{grid-template-columns:repeat(4,1fr)}}.wnt-problem-card{border-radius:14px;padding:18px 16px;text-align:left;transition:background .4s,border-color .3s,transform .2s}.wnt-problem-icon{position:relative;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;margin-bottom:12px;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0% 50%)}.wnt-how-step-icon i,.wnt-problem-icon i,.wnt-solution-icon i{line-height:1}.wnt-problem-card h4{font-family:'Chakra Petch',sans-serif;font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:6px}.wnt-problem-card p{font-family:Inter,sans-serif;font-size:.82rem;line-height:1.55;margin-bottom:10px}.wnt-solution-stat h6,.wnt-solution-title{font-family:'Chakra Petch',sans-serif;line-height:1.2}.wnt-problem-underline{display:block;width:24px;height:3px;border-radius:3px}html[data-theme=light] .wnt-problem-section,html[data-theme=light] .wnt-solution-section{background:linear-gradient(160deg,#f7f7fa 0,#ede7ff 55%,#f7f7fa 100%);color:#14121f}html[data-theme=dark] .wnt-problem-inner,html[data-theme=dark] .wnt-solution-inner,html[data-theme=light] .wnt-problem-inner,html[data-theme=light] .wnt-solution-inner{background:0 0;border:1px solid transparent}html[data-theme=light] .wnt-how-label,html[data-theme=light] .wnt-how-promise-title .text-accent,html[data-theme=light] .wnt-problem-label,html[data-theme=light] .wnt-solution-label,html[data-theme=light] .wnt-solution-stat-icon{color:#4b2cff}html[data-theme=light] .wnt-faq-cta-text h6,html[data-theme=light] .wnt-faq-q-text,html[data-theme=light] .wnt-faq-title,html[data-theme=light] .wnt-how-promise-title,html[data-theme=light] .wnt-how-step h4,html[data-theme=light] .wnt-how-title,html[data-theme=light] .wnt-problem-card h4,html[data-theme=light] .wnt-problem-title,html[data-theme=light] .wnt-solution-card h4,html[data-theme=light] .wnt-solution-stat h6,html[data-theme=light] .wnt-solution-title{color:#14121f}.wnt-blog-heading .accent,html[data-theme=light] .wnt-faq-title .text-accent,html[data-theme=light] .wnt-how-title .text-accent,html[data-theme=light] .wnt-problem-title .text-accent,html[data-theme=light] .wnt-solution-title .text-accent{background:linear-gradient(90deg,#4b2cff,#8d66ff);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme=light] .wnt-faq-desc,html[data-theme=light] .wnt-how-desc,html[data-theme=light] .wnt-problem-desc,html[data-theme=light] .wnt-solution-desc{color:#5c5968}html[data-theme=light] .wnt-problem-card,html[data-theme=light] .wnt-solution-card{background:linear-gradient(155deg,#fff 0,#eee7ff 100%);border:1px solid #ded4fa;box-shadow:0 8px 22px rgba(75,44,255,.08)}html[data-theme=light] .wnt-faq-answer-inner p,html[data-theme=light] .wnt-faq-cta-text p,html[data-theme=light] .wnt-how-promise-desc,html[data-theme=light] .wnt-how-step p,html[data-theme=light] .wnt-problem-card p,html[data-theme=light] .wnt-solution-card p,html[data-theme=light] .wnt-solution-stat p{color:#6b6878}html[data-theme=light] .wnt-faq-cta-icon,html[data-theme=light] .wnt-how-promise-icon,html[data-theme=light] .wnt-problem-icon,html[data-theme=light] .wnt-solution-icon{background:linear-gradient(145deg,#e9e1ff,#d3c2ff);color:#4b2cff}html[data-theme=light] .wnt-problem-underline,html[data-theme=light] .wnt-solution-rule{background:linear-gradient(90deg,#4b2cff,#8d66ff)}html[data-theme=dark] .wnt-problem-section{background:radial-gradient(circle at 10% 10%,rgba(106,72,255,.35) 0,rgba(11,13,23,0) 42%),radial-gradient(circle at 90% 20%,rgba(141,102,255,.28) 0,rgba(11,13,23,0) 40%),radial-gradient(circle at 50% 100%,rgba(75,44,255,.25) 0,rgba(11,13,23,0) 45%),linear-gradient(165deg,#0b0d17 0,#1a1130 45%,#120c26 75%,#0b0d17 100%);color:#fff}html[data-theme=dark] .wnt-faq-sparkle,html[data-theme=dark] .wnt-how-label,html[data-theme=dark] .wnt-problem-label,html[data-theme=dark] .wnt-solution-label,html[data-theme=dark] .wnt-solution-stat-icon{color:#a685ff}html[data-theme=dark] .wnt-faq-cta-text h6,html[data-theme=dark] .wnt-faq-q-text,html[data-theme=dark] .wnt-faq-title,html[data-theme=dark] .wnt-how-promise-title,html[data-theme=dark] .wnt-how-step h4,html[data-theme=dark] .wnt-how-title,html[data-theme=dark] .wnt-problem-card h4,html[data-theme=dark] .wnt-problem-title,html[data-theme=dark] .wnt-solution-card h4,html[data-theme=dark] .wnt-solution-stat h6,html[data-theme=dark] .wnt-solution-title{color:#fff}html[data-theme=dark] .wnt-faq-title .text-accent,html[data-theme=dark] .wnt-how-title .text-accent,html[data-theme=dark] .wnt-problem-title .text-accent,html[data-theme=dark] .wnt-solution-title .text-accent{background:linear-gradient(90deg,#6a48ff,#8d66ff);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-theme=dark] .wnt-faq-answer-inner p,html[data-theme=dark] .wnt-faq-cta-text p,html[data-theme=dark] .wnt-faq-desc,html[data-theme=dark] .wnt-how-desc,html[data-theme=dark] .wnt-how-promise-desc,html[data-theme=dark] .wnt-problem-card p,html[data-theme=dark] .wnt-problem-desc,html[data-theme=dark] .wnt-solution-card p,html[data-theme=dark] .wnt-solution-desc{color:#c2bdd6}html[data-theme=dark] .wnt-problem-card,html[data-theme=dark] .wnt-solution-card{background:linear-gradient(160deg,rgba(106,72,255,.22) 0,rgba(20,15,35,.85) 65%);border:1px solid rgba(141,102,255,.28);box-shadow:0 10px 26px rgba(0,0,0,.35)}html[data-theme=dark] .wnt-problem-icon,html[data-theme=dark] .wnt-solution-icon{background:linear-gradient(145deg,rgba(106,72,255,.55),rgba(141,102,255,.25));color:#c3b1ff}html[data-theme=dark] .wnt-problem-underline,html[data-theme=dark] .wnt-solution-rule{background:linear-gradient(90deg,#6a48ff,#8d66ff)}@media (max-width:991.98px){.wnt-hero-grid{grid-template-columns:1fr;text-align:center;gap:44px;min-height:auto}.wnt-hero-stage{order:1;height:360px}.wnt-hero-content{order:2}.wnt-hero-desc,.wnt-stat-col:nth-child(5){margin-left:auto;margin-right:auto}.wnt-hero-cta,.wnt-hero-points{justify-content:center}.ring-outer{width:300px;height:300px}.ring-inner{width:220px;height:220px}.wnt-hero-logo-img{width:230px}.chip-1{right:2%}.chip-2{left:2%}.wnt-stat{flex-direction:column;text-align:center;gap:.5rem}.wnt-problem-section{padding:36px 0}.wnt-problem-inner{border-radius:20px;padding:22px 16px}html[data-theme=light] .wnt-problem-inner{background:linear-gradient(160deg,#fff 0,#f0e9ff 100%);border:1px solid #ded4fa}html[data-theme=dark] .wnt-problem-inner{background:linear-gradient(160deg,rgba(106,72,255,.16) 0,rgba(11,13,23,.97) 70%);border:1px solid rgba(141,102,255,.25)}.wnt-problem-title{font-size:1.4rem}.wnt-problem-desc{max-width:100%;font-size:.9rem}.wnt-problem-cards{grid-template-columns:1fr;gap:12px;margin-top:20px}.wnt-problem-card{display:flex;align-items:flex-start;gap:12px;border-radius:14px;padding:14px;text-align:left}.wnt-problem-icon{flex:0 0 42px;width:42px;height:42px;font-size:17px;margin-bottom:0;border-radius:10px;clip-path:none}.wnt-problem-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.wnt-problem-card h4{font-size:.92rem;margin-bottom:4px}.wnt-problem-card p{font-size:.8rem;margin-bottom:0;word-wrap:break-word}.wnt-problem-underline{display:none}}.wnt-solution-section{padding:44px 0;transition:background .4s,color .3s;overflow:hidden}.wnt-solution-title{font-weight:700;font-size:1.7rem;margin-bottom:10px}.wnt-solution-desc{font-family:Inter,sans-serif;font-size:.9rem;line-height:1.55;max-width:420px;margin-bottom:16px}.wnt-solution-rule{display:block;width:40px;height:3px;border-radius:3px;margin-bottom:18px}.wnt-solution-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.wnt-solution-stat{padding-left:12px;border-left:1px solid}.wnt-solution-stat:first-child{padding-left:0;border-left:none}.wnt-solution-stat-icon{font-size:15px;line-height:1;margin-bottom:6px;display:inline-block}.wnt-solution-stat h6{font-size:.74rem;font-weight:600;margin-bottom:3px}.wnt-solution-stat p{font-family:Inter,sans-serif;font-size:.66rem;line-height:1.3;margin-bottom:0}.wnt-solution-card{border-radius:16px;padding:18px;text-align:left;transition:background .4s,border-color .3s,transform .2s}.wnt-solution-card:hover{transform:translateY(-4px)}.wnt-solution-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;margin-bottom:12px}.wnt-solution-card h4{font-family:'Chakra Petch',sans-serif;font-size:.98rem;font-weight:600;line-height:1.25;margin-bottom:6px}.wnt-solution-card p{font-family:Inter,sans-serif;font-size:.82rem;line-height:1.5;margin-bottom:10px}.wnt-solution-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-size:14px;text-decoration:none;transition:transform .2s,background .3s}.wnt-faq-section,.wnt-how-section{transition:background .4s,color .3s;overflow:hidden}.wnt-blog-card:hover .wnt-blog-card-readmore i,.wnt-solution-arrow:hover{transform:translateX(4px)}.wnt-faq-image-wrap,.wnt-faq-ring,.wnt-faq-toggle-inner::after,.wnt-faq-toggle-inner::before{transform:translate(-50%,-50%)}html[data-theme=light] .wnt-solution-stat{border-left-color:#ded4fa}html[data-theme=light] .wnt-solution-arrow{background:#ede7ff;color:#4b2cff}html[data-theme=dark] .wnt-solution-section{background:radial-gradient(120% 100% at 12% -10%,rgba(106,72,255,.26) 0,rgba(11,13,23,0) 60%),radial-gradient(120% 100% at 95% 110%,rgba(141,102,255,.2) 0,rgba(11,13,23,0) 60%),linear-gradient(180deg,#120c26 0,#0b0d17 50%,#150c29 100%);color:#fff}html[data-theme=dark] .wnt-solution-stat{border-left-color:rgba(141,102,255,.25)}html[data-theme=dark] .wnt-how-step p,html[data-theme=dark] .wnt-solution-stat p{color:#b7b2c7}html[data-theme=dark] .wnt-solution-arrow{background:rgba(141,102,255,.18);color:#c3b1ff}@media (max-width:991.98px){.wnt-solution-section{padding:36px 0}.wnt-solution-inner{border-radius:20px;padding:22px 16px}html[data-theme=light] .wnt-solution-inner{background:linear-gradient(160deg,#fff 0,#f0e9ff 100%);border:1px solid #ded4fa}html[data-theme=dark] .wnt-solution-inner{background:linear-gradient(160deg,rgba(106,72,255,.16) 0,rgba(11,13,23,.97) 70%);border:1px solid rgba(141,102,255,.25)}.wnt-solution-title{font-size:1.4rem}.wnt-solution-desc{max-width:100%;font-size:.9rem;margin-bottom:16px}.wnt-solution-rule{margin-bottom:20px}.wnt-solution-stats{display:none}.wnt-solution-cards{grid-template-columns:1fr;gap:12px}.wnt-solution-card{display:flex;align-items:center;gap:12px;border-radius:14px;padding:14px}.wnt-solution-icon{flex:0 0 42px;width:42px;height:42px;border-radius:10px;font-size:17px;margin-bottom:0}.wnt-solution-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.wnt-solution-card h4{font-size:.92rem;margin-bottom:3px}.wnt-solution-card p{font-size:.8rem;margin-bottom:0;word-wrap:break-word}.wnt-solution-arrow{flex:0 0 30px;width:30px;height:30px;font-size:13px}}.wnt-how-section{padding:20px 0 40px;position:relative}.wnt-how-header{max-width:640px;margin:0 auto 26px;text-align:center}.wnt-how-label,.wnt-how-title{font-weight:700;margin-bottom:8px}.wnt-how-label{display:inline-flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:13px}.wnt-how-label .line{display:inline-block;width:26px;height:1px}.wnt-how-title{font-family:'Chakra Petch',sans-serif;font-size:2rem;line-height:1.15}.wnt-how-desc{font-family:Inter,sans-serif;font-size:.92rem;line-height:1.5;margin-bottom:0}.wnt-how-steps{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-bottom:28px}.wnt-how-step h4,.wnt-how-step-num{margin-bottom:6px;font-family:'Chakra Petch',sans-serif;font-weight:700}.wnt-how-line{position:absolute;left:10%;right:10%;top:76px;height:2px;z-index:0}.wnt-how-step{position:relative;z-index:1;text-align:center;padding:0 10px}.wnt-how-step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:.7rem}.wnt-how-connector{display:block;width:2px;height:12px;margin:0 auto;border-radius:2px}.wnt-how-step-icon{width:64px;height:64px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0% 50%)}.wnt-how-step h4{font-size:.88rem;letter-spacing:.03em;text-transform:uppercase}.wnt-how-step p{font-family:Inter,sans-serif;font-size:.8rem;line-height:1.45;margin-bottom:0}.wnt-how-promise{display:flex;align-items:center;justify-content:center;gap:16px;max-width:620px;margin:0 auto;border-radius:16px;padding:16px 22px;text-align:center}.wnt-how-promise-icon{flex:0 0 46px;width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:19px}.wnt-how-promise-title{font-family:'Chakra Petch',sans-serif;font-size:.98rem;font-weight:700;margin-bottom:3px}.wnt-how-promise-desc{font-family:Inter,sans-serif;font-size:.82rem;margin-bottom:0}html[data-theme=light] .wnt-how-section{background:linear-gradient(160deg,#f7f7fa 0,#eae2ff 40%,#f1ecff 70%,#f7f7fa 100%);color:#14121f}html[data-theme=light] .wnt-how-label .line{background:#b9a6ff}html[data-theme=light] .wnt-how-line{background:linear-gradient(90deg,transparent,#b9a6ff 15%,#b9a6ff 85%,transparent)}html[data-theme=light] .wnt-how-step-num{background:#efeafd;color:#4b2cff;border:1px solid #ded4fa}html[data-theme=light] .wnt-how-connector{background:#7c5cff}html[data-theme=light] .wnt-how-step-icon{background:linear-gradient(150deg,#6a48ff,#4b2cff);color:#fff;box-shadow:0 10px 24px rgba(75,44,255,.28)}html[data-theme=light] .wnt-how-promise{background:linear-gradient(155deg,#fff 0,#eee7ff 100%);border:1px solid #ded4fa;box-shadow:0 10px 26px rgba(75,44,255,.1)}html[data-theme=dark] .wnt-how-section{background:radial-gradient(120% 100% at 15% -10%,rgba(106,72,255,.26) 0,rgba(11,13,23,0) 55%),radial-gradient(120% 100% at 90% 105%,rgba(141,102,255,.2) 0,rgba(11,13,23,0) 55%),linear-gradient(180deg,#120c26 0,#0b0d17 50%,#150c29 100%);color:#fff}html[data-theme=dark] .wnt-how-label .line{background:rgba(166,133,255,.4)}html[data-theme=dark] .wnt-how-line{background:linear-gradient(90deg,transparent,rgba(166,133,255,.5) 15%,rgba(166,133,255,.5) 85%,transparent)}html[data-theme=dark] .wnt-how-step-num{background:rgba(141,102,255,.15);color:#c3b1ff;border:1px solid rgba(141,102,255,.35)}html[data-theme=dark] .wnt-faq-particle,html[data-theme=dark] .wnt-how-connector{background:#a685ff}html[data-theme=dark] .wnt-how-step-icon{background:linear-gradient(150deg,#6a48ff,#2c1a80);color:#fff;box-shadow:0 0 26px rgba(106,72,255,.45)}html[data-theme=dark] .wnt-how-promise{background:linear-gradient(160deg,rgba(106,72,255,.18) 0,rgba(20,15,35,.85) 65%);border:1px solid rgba(141,102,255,.3);box-shadow:0 10px 26px rgba(0,0,0,.35)}html[data-theme=dark] .wnt-how-promise-icon{background:linear-gradient(145deg,rgba(141,102,255,.35),rgba(106,72,255,.2));color:#c3b1ff}html[data-theme=dark] .wnt-how-promise-title .text-accent{color:#c3b1ff}.wnt-faq-image.logo-for-light,.wnt-how-mobile,.wnt-offer-logo-wrap .icon-for-dark,[data-theme=dark] .wnt-offer-logo-wrap .icon-for-light,html[data-theme=light] .wnt-faq-image.logo-for-dark{display:none}.wnt-faq-label,.wnt-offer-logo-wrap .icon-for-light,[data-theme=dark] .wnt-offer-logo-wrap .icon-for-dark{display:inline-block}.wnt-faq-section{padding:20px 0;position:relative}.wnt-faq-header{max-width:620px;margin:0 auto 28px;text-align:center}.wnt-faq-label{font-family:Inter,sans-serif;font-size:12px;font-weight:700;padding:5px 14px;border-radius:20px;margin-bottom:14px}.wnt-faq-title{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:2.1rem;line-height:1.2;margin-bottom:10px}.wnt-faq-answer-inner p,.wnt-faq-desc,.wnt-faq-question{font-family:Inter,sans-serif}.wnt-faq-desc,.wnt-faq-item:last-child{margin-bottom:0}.wnt-faq-desc{font-size:.95rem;line-height:1.6}@media (min-width:992px){.wnt-stat-col{flex:0 0 auto;width:20%}.wnt-problem-text,.wnt-solution-text{display:contents}.wnt-faq-visual-col{position:sticky;top:90px;align-self:flex-start}}.wnt-faq-visual{position:relative;width:100%;max-width:460px;height:460px;margin:0 auto}.wnt-faq-ring{position:absolute;top:50%;left:50%;border-radius:50%;z-index:1}.wnt-faq-image-wrap,.wnt-faq-particle,.wnt-faq-sparkle{z-index:2;position:absolute}.wnt-faq-ring-outer{width:360px;height:360px;mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));animation:13s linear infinite wntFaqRingSpin}.wnt-faq-ring-inner{width:310px;height:310px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 1.5px),#000 calc(100% - 1.5px));animation:8s linear infinite reverse wntFaqRingSpin}@keyframes wntFaqRingSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.wnt-faq-particle{border-radius:50%;opacity:.7}.wnt-faq-particle.pt1{width:6px;height:6px;top:26%;left:24%;animation:6s ease-in-out infinite wntFaqDrift}.wnt-faq-particle.pt2{width:4px;height:4px;top:62%;left:20%;animation:7.2s ease-in-out .6s infinite wntFaqDrift}.wnt-faq-particle.pt3{width:5px;height:5px;top:22%;right:20%;animation:5.6s ease-in-out .3s infinite wntFaqDrift}.wnt-faq-particle.pt4{width:4px;height:4px;bottom:28%;right:24%;animation:6.6s ease-in-out 1s infinite wntFaqDrift}@keyframes wntFaqDrift{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(6px,-10px);opacity:.9}}.wnt-faq-sparkle{width:12px;height:12px;opacity:0;animation:4.2s ease-in-out infinite wntFaqTwinkle}.wnt-faq-sparkle::after,.wnt-faq-sparkle::before{content:'';position:absolute;border-radius:2px;background:currentColor}.wnt-faq-sparkle.sk1{top:30%;left:32%;animation-delay:0s}.wnt-faq-sparkle.sk2{bottom:32%;right:30%;animation-delay:1.8s}@keyframes wntFaqTwinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0)}50%{opacity:.85;transform:scale(1) rotate(45deg)}}.wnt-faq-image-wrap{top:50%;left:50%;width:330px;height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;perspective:900px}.wnt-faq-image{width:112%;height:112%;max-width:none;max-height:none;object-fit:cover;object-position:center;animation:6s ease-in-out infinite wntFaqFloatTilt;transform-style:preserve-3d}@keyframes wntFaqFloatTilt{0%,100%{transform:translateY(0) rotateY(-16deg) rotateX(2deg)}50%{transform:translateY(-14px) rotateY(16deg) rotateX(-2deg)}}.wnt-faq-glow{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:180px;height:30px;border-radius:50%;filter:blur(16px);z-index:1;animation:3s ease-in-out infinite wntFaqPulse}@keyframes wntFaqPulse{0%,100%{opacity:.55;transform:translateX(-50%) scale(1)}50%{opacity:.9;transform:translateX(-50%) scale(1.12)}}.wnt-faq-float{position:absolute;width:62px;height:62px;border-radius:17px;display:flex;align-items:center;justify-content:center;font-size:25px;z-index:3;animation:3.6s ease-in-out infinite wntFaqFloat}.wnt-faq-float-1{top:8%;left:8%;animation-delay:0s}.wnt-faq-float-2{top:20%;right:6%;animation-delay:.8s;animation-duration:4s}.wnt-faq-float-3{bottom:20%;left:6%;animation-delay:1.4s;animation-duration:3.8s}.wnt-faq-float-4{bottom:8%;right:8%;animation-delay:.4s;animation-duration:4.2s}@keyframes wntFaqFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(-1.5deg)}}.wnt-faq-cube{position:absolute;width:16px;height:16px;border-radius:4px;z-index:3;transform:rotate(45deg);animation:5s ease-in-out infinite wntFaqCubeSpin}.wnt-faq-cube-1{top:12%;right:24%;animation-delay:.5s}.wnt-faq-cube-2{bottom:30%;left:20%;width:12px;height:12px;animation-delay:2s;animation-duration:4.4s}@keyframes wntFaqCubeSpin{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(90deg) translateY(-8px)}}.wnt-faq-accordion{margin-bottom:22px}.wnt-faq-item{border-radius:14px;margin-bottom:12px;overflow:hidden;transition:background .35s,border-color .35s,box-shadow .35s}.wnt-faq-question{width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;background:0 0;border:none;text-align:left;cursor:pointer}.wnt-faq-num,.wnt-faq-q-text{font-family:'Chakra Petch',sans-serif}.wnt-faq-num{flex:0 0 32px;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700}.wnt-faq-q-text{flex:1 1 auto;font-size:.95rem;font-weight:600;line-height:1.4}.wnt-faq-toggle{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:50%;transition:background .3s}.wnt-faq-toggle-inner{position:absolute;inset:0;transition:transform .4s cubic-bezier(.65,0,.35,1)}.wnt-faq-item.active .wnt-faq-toggle-inner{transform:rotate(90deg)}.wnt-faq-toggle-inner::after,.wnt-faq-toggle-inner::before{content:'';position:absolute;top:50%;left:50%;background:currentColor;border-radius:2px;transition:transform .35s cubic-bezier(.65,0,.35,1),opacity .3s}.wnt-faq-toggle-inner::before{width:12px;height:2px}.wnt-faq-toggle-inner::after{width:2px;height:12px}.wnt-faq-item.active .wnt-faq-toggle-inner::after{transform:translate(-50%,-50%) scaleY(0);opacity:0}.wnt-faq-answer-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.65,0,.35,1)}.wnt-faq-item.active .wnt-faq-answer-wrap{grid-template-rows:1fr}.wnt-faq-answer-inner{overflow:hidden;position:relative}.wnt-faq-answer-inner::before{content:'';position:absolute;left:32px;top:4px;bottom:18px;width:2px;border-radius:2px;transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.65,0,.35,1) .1s}.wnt-faq-item.active .wnt-faq-answer-inner::before{transform:scaleY(1)}.wnt-faq-answer-inner p{font-size:.86rem;line-height:1.65;padding:0 18px 18px 64px;margin-bottom:0;opacity:0;transform:translateY(-8px);transition:opacity .4s .15s,transform .4s cubic-bezier(.34,1.56,.64,1) .15s}.wnt-faq-item.active .wnt-faq-answer-inner p{opacity:1;transform:translateY(0)}.wnt-faq-cta{display:flex;align-items:center;gap:14px;border-radius:16px;padding:16px 20px;flex-wrap:wrap}.wnt-faq-cta-icon{flex:0 0 42px;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px}.wnt-faq-cta-text{flex:1 1 auto;min-width:160px}.wnt-faq-cta-text h6{font-family:'Chakra Petch',sans-serif;font-size:.92rem;font-weight:700;margin-bottom:2px}.wnt-blog-badge,.wnt-faq-cta-btn,.wnt-faq-cta-text p{font-family:Inter,sans-serif}.wnt-faq-cta-text p{font-size:.8rem;margin-bottom:0}.wnt-faq-cta-btn{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;padding:10px 20px;border-radius:30px;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s}html[data-theme=light] .wnt-faq-section{background:linear-gradient(160deg,#f7f7fa 0,#ede7ff 50%,#f7f7fa 100%);color:#14121f}html[data-theme=light] .wnt-faq-label,html[data-theme=light] .wnt-faq-num,html[data-theme=light] .wnt-faq-toggle{background:#efeafd;color:#4b2cff}html[data-theme=light] .wnt-faq-glow{background:radial-gradient(circle,rgba(75,44,255,.45) 0,transparent 70%)}html[data-theme=light] .wnt-faq-ring-outer{background:conic-gradient(from 0deg,transparent 0deg,#6a48ff 60deg,transparent 140deg,transparent 220deg,#8d66ff 300deg,transparent 360deg);opacity:.55}html[data-theme=light] .wnt-faq-ring-inner{background:conic-gradient(from 180deg,transparent 0deg,#4b2cff 90deg,transparent 180deg);opacity:.4}html[data-theme=light] .wnt-faq-particle{background:#8d66ff}[data-theme=dark] .wnt-blog-card-readmore,html[data-theme=light] .wnt-faq-sparkle{color:#8d66ff}html[data-theme=light] .wnt-faq-float{background:#fff;border:1px solid #e3def7;box-shadow:0 10px 22px rgba(75,44,255,.14);color:#4b2cff}html[data-theme=light] .wnt-faq-cube{background:linear-gradient(145deg,#8d66ff,#4b2cff);box-shadow:0 6px 14px rgba(75,44,255,.3)}html[data-theme=light] .wnt-faq-item{background:#fff;border:1px solid #e3def7}html[data-theme=light] .wnt-faq-item.active{background:linear-gradient(155deg,#fff 0,#f1ecff 100%);border-color:#c9bbfb;box-shadow:0 12px 28px rgba(75,44,255,.18)}html[data-theme=light] .wnt-faq-answer-inner::before{background:linear-gradient(180deg,#4b2cff,#8d66ff)}html[data-theme=light] .wnt-faq-item.active .wnt-faq-num{background:linear-gradient(145deg,#6a48ff,#4b2cff);color:#fff}html[data-theme=light] .wnt-faq-item.active .wnt-faq-toggle{background:#4b2cff;color:#fff}html[data-theme=light] .wnt-faq-cta{background:linear-gradient(155deg,#fff 0,#eee7ff 100%);border:1px solid #ded4fa}html[data-theme=light] .wnt-faq-cta-btn{background:linear-gradient(90deg,#4b2cff,#6a48ff);color:#fff;box-shadow:0 8px 18px rgba(75,44,255,.3)}html[data-theme=dark] .wnt-faq-section{background:radial-gradient(120% 100% at 90% -10%,rgba(106,72,255,.26) 0,rgba(11,13,23,0) 55%),radial-gradient(120% 100% at 5% 105%,rgba(141,102,255,.2) 0,rgba(11,13,23,0) 55%),linear-gradient(180deg,#120c26 0,#0b0d17 50%,#150c29 100%);color:#fff}html[data-theme=dark] .wnt-faq-label,html[data-theme=dark] .wnt-faq-num,html[data-theme=dark] .wnt-faq-toggle{background:rgba(141,102,255,.15);color:#c3b1ff}html[data-theme=dark] .wnt-faq-glow{background:radial-gradient(circle,rgba(141,102,255,.55) 0,transparent 70%)}html[data-theme=dark] .wnt-faq-ring-outer{background:conic-gradient(from 0deg,transparent 0deg,#6a48ff 60deg,transparent 140deg,transparent 220deg,#8d66ff 300deg,transparent 360deg);opacity:.8}html[data-theme=dark] .wnt-faq-ring-inner{background:conic-gradient(from 180deg,transparent 0deg,#4b2cff 90deg,transparent 180deg);opacity:.6}html[data-theme=dark] .wnt-faq-float{background:linear-gradient(160deg,#2b1f4d 0,#17102b 100%);border:1px solid rgba(166,133,255,.5);box-shadow:0 8px 20px rgba(0,0,0,.5),0 0 18px rgba(141,102,255,.35);color:#c9b8ff}html[data-theme=dark] .wnt-faq-cube{background:linear-gradient(145deg,#8d66ff,#6a48ff);box-shadow:0 0 14px rgba(141,102,255,.5)}html[data-theme=dark] .wnt-faq-item{background:linear-gradient(155deg,#2a1e4d 0,#180f2c 100%);border:1px solid rgba(166,133,255,.4);box-shadow:0 8px 22px rgba(0,0,0,.4),0 0 14px rgba(106,72,255,.15)}html[data-theme=dark] .wnt-faq-item.active{background:linear-gradient(160deg,#362a5e 0,#1c1333 100%);border-color:rgba(166,133,255,.6);box-shadow:0 14px 32px rgba(106,72,255,.35),0 4px 16px rgba(0,0,0,.45)}html[data-theme=dark] .wnt-faq-answer-inner::before{background:linear-gradient(180deg,#6a48ff,#8d66ff)}html[data-theme=dark] .wnt-faq-item.active .wnt-faq-num{background:linear-gradient(145deg,#6a48ff,#2c1a80);color:#fff}html[data-theme=dark] .wnt-faq-item.active .wnt-faq-toggle{background:#6a48ff;color:#fff}html[data-theme=dark] .wnt-faq-cta{background:linear-gradient(160deg,rgba(106,72,255,.18) 0,rgba(20,15,35,.85) 70%);border:1px solid rgba(141,102,255,.3)}html[data-theme=dark] .wnt-faq-cta-icon{background:linear-gradient(145deg,rgba(106,72,255,.45),rgba(141,102,255,.2));color:#c3b1ff}html[data-theme=dark] .wnt-faq-cta-btn{background:linear-gradient(90deg,#6a48ff,#8d66ff);color:#fff;box-shadow:0 8px 18px rgba(106,72,255,.35)}@media (prefers-reduced-motion:reduce){.wnt-faq-cube,.wnt-faq-float,.wnt-faq-glow,.wnt-faq-image,.wnt-faq-particle,.wnt-faq-ring,.wnt-faq-sparkle,.wnt-hero-chip,.wnt-hero-float,.wnt-hero-particle,.wnt-hero-platform,.wnt-hero-ring,.wnt-hero-sparkle,.wnt-hero-spin{animation:none!important}.wnt-marquee-track{animation:none}.wnt-testi-card{transition:none}}.wnt-offer-overlay{position:fixed;inset:0;z-index:1080;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(11,13,23,.55);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}.wnt-offer-overlay.show{opacity:1;pointer-events:auto}body.wnt-offer-open{overflow:hidden}.wnt-offer-box{--wnt-purple:#4B2CFF;--wnt-violet:#6A48FF;--wnt-lavender:#8D66FF;--wnt-offwhite:#F7F7FA;width:100%;max-width:460px;background:linear-gradient(160deg,#fff 0,#f2eeff 100%);color:#1c1c26;border:1px solid rgba(75,44,255,.12);border-radius:18px;overflow:hidden;box-shadow:0 25px 70px -15px rgba(75,44,255,.45);transform:scale(.85) translateY(24px);opacity:0;transition:transform .4s cubic-bezier(.34, 1.56, .64, 1),opacity .3s}.wnt-offer-overlay.show .wnt-offer-box{transform:scale(1) translateY(0);opacity:1}[data-theme=dark] .wnt-offer-box{background:linear-gradient(160deg,#0e0b1f 0,#171029 100%);color:var(--wnt-offwhite);border:1px solid rgba(141,102,255,.2);box-shadow:0 25px 70px -15px rgba(141,102,255,.35)}.wnt-offer-close{position:absolute;top:14px;right:14px;z-index:2;width:34px;height:34px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:rgba(141,102,255,.12);color:#1c1c26;font-size:14px;opacity:.8;transition:opacity .2s,transform .2s,background .2s}.wnt-offer-close:hover{opacity:1;background:rgba(141,102,255,.22);transform:rotate(90deg)}[data-theme=dark] .wnt-offer-close{background:rgba(141,102,255,.18);color:#fff}.wnt-offer-logo{height:34px;object-fit:contain}.wnt-offer-icon-wrap{width:64px;height:64px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4b2cff,#8d66ff);color:#fff;font-size:26px;box-shadow:0 0 0 0 rgba(141,102,255,.5);animation:2.6s ease-in-out infinite wntFloat,2.2s ease-out infinite wntGlowPulse}.wnt-offer-badge{background:rgba(141,102,255,.12);color:var(--wnt-violet,#6a48ff);font-weight:600;font-size:12px;letter-spacing:.5px;padding:6px 14px;border-radius:999px;display:inline-block}[data-theme=dark] .wnt-offer-badge{background:rgba(141,102,255,.18);color:var(--wnt-lavender,#8d66ff)}.wnt-offer-heading{font-size:26px;font-weight:700}.wnt-offer-percent{background:linear-gradient(90deg,#4b2cff,#8d66ff,#4b2cff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:2.6s linear infinite wntShimmer}.wnt-offer-text{font-size:14px;opacity:.75;max-width:360px;margin-left:auto;margin-right:auto}.wnt-offer-cta{background:linear-gradient(90deg,#4b2cff,#6a48ff);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:15px;transition:opacity .2s,transform .2s}.wnt-offer-cta:hover{color:#fff;opacity:.92;transform:translateY(-1px)}.wnt-offer-sparkle{position:absolute;color:var(--wnt-lavender,#8d66ff);opacity:0;font-size:14px;pointer-events:none;animation:3s ease-in-out infinite wntSparkleTwinkle}.wnt-blog-carousel-wrap,.wnt-blog-section{position:relative}.wnt-spark-1{top:18%;left:10%;font-size:12px;animation-delay:0s}.wnt-spark-2{top:65%;right:12%;font-size:16px;animation-delay:1s}.wnt-spark-3{top:30%;right:20%;font-size:10px;animation-delay:2s}@keyframes wntFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wntGlowPulse{0%{box-shadow:0 0 0 0 rgba(141,102,255,.45)}70%{box-shadow:0 0 0 14px rgba(141,102,255,0)}100%{box-shadow:0 0 0 0 rgba(141,102,255,0)}}@keyframes wntShimmer{0%{background-position:0 center}100%{background-position:200% center}}@keyframes wntSparkleTwinkle{0%,100%{opacity:0;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(15deg)}}.wnt-blog-section{padding:10px 0;background-color:#f7f7fa;transition:background-color .3s}[data-theme=dark] .wnt-blog-section{background:radial-gradient(ellipse 75% 60% at 12% -10%,rgba(141,102,255,.32) 0,rgba(11,13,23,0) 55%),radial-gradient(ellipse 65% 55% at 100% 105%,rgba(75,44,255,.28) 0,rgba(11,13,23,0) 55%),radial-gradient(ellipse 50% 40% at 60% 40%,rgba(106,72,255,.14) 0,rgba(11,13,23,0) 60%),linear-gradient(160deg,#0b0d17 0,#14112c 45%,#0b0d17 100%)}.wnt-blog-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:12px}.wnt-blog-header-text{text-align:center;max-width:620px}.wnt-blog-badge{display:inline-block;padding:2px 10px;margin-bottom:2px;border-radius:999px;border:1px solid rgba(75,44,255,.3);background:rgba(75,44,255,.06);color:#4b2cff;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}[data-theme=dark] .wnt-blog-badge{border-color:rgba(141,102,255,.4);background:rgba(141,102,255,.1);color:#8d66ff}.wnt-blog-heading{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:40px;line-height:1.2;color:#0b0d17}.wnt-blog-card-date,.wnt-blog-subtitle,.wnt-blog-viewall{font-family:Inter,sans-serif}[data-theme=dark] .wnt-blog-card-title,[data-theme=dark] .wnt-blog-heading{color:#f7f7fa}.wnt-blog-subtitle{font-size:16px;color:#5b5e73;max-width:520px}[data-theme=dark] .wnt-blog-subtitle{color:#a9acc0}.wnt-blog-viewall{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:2px 22px;border-radius:999px;border:1.5px solid #4b2cff;color:#4b2cff;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap;transition:.25s}.wnt-blog-viewall:hover{background:linear-gradient(90deg,#4b2cff,#6a48ff);color:#fff;border-color:transparent}[data-theme=dark] .wnt-blog-viewall{border-color:#8d66ff;color:#8d66ff}[data-theme=dark] .wnt-blog-viewall:hover{background:linear-gradient(90deg,#6a48ff,#8d66ff);color:#fff}.wnt-blog-arrow{position:absolute;top:50%;width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4b2cff,#6a48ff);color:#fff;font-size:18px;box-shadow:0 8px 20px rgba(75,44,255,.4);z-index:6;cursor:pointer;transition:opacity .25s,transform .25s,background .25s}.wnt-blog-arrow.wnt-prev{left:24px;transform:translate(-50%,-50%)}.wnt-blog-arrow.wnt-next{right:24px;transform:translate(50%,-50%)}.wnt-blog-arrow.wnt-prev:hover{transform:translate(-50%,-50%) scale(1.08)}.wnt-blog-arrow.wnt-next:hover{transform:translate(50%,-50%) scale(1.08)}.wnt-blog-arrow[disabled]{opacity:.35;cursor:default;pointer-events:none}@media (max-width:575.98px){.wnt-hero{padding:16px 0 40px}.wnt-hero-chip{display:none}.wnt-blog-arrow{width:36px;height:36px;font-size:14px;box-shadow:0 6px 14px rgba(75,44,255,.4)}.wnt-blog-arrow.wnt-prev{left:18px}.wnt-blog-arrow.wnt-next{right:18px}.wnt-blog-viewport{margin:0 18px}}.wnt-blog-viewport{overflow:hidden;margin:0 24px}.wnt-blog-track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;cursor:grab;padding-top:6px;padding-bottom:30px}.wnt-blog-track::-webkit-scrollbar{display:none}.wnt-blog-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.wnt-blog-slide{scroll-snap-align:start;flex:0 0 calc(25% - 12px);min-width:0}@media (max-width:991.98px){.wnt-how-header,.wnt-how-mobile{margin-bottom:30px}.wnt-how-mobile-num,.wnt-how-mobile-text h4{font-family:'Chakra Petch',sans-serif;font-weight:700}.wnt-how-section{padding:16px 0 40px}.wnt-how-title{font-size:1.6rem}.wnt-how-desc{font-size:.88rem}.wnt-how-steps{display:none}.wnt-how-mobile{display:block;position:relative}.wnt-how-mobile::before{content:'';position:absolute;left:14px;top:14px;bottom:14px;width:0;border-left:2px dashed;z-index:0}html[data-theme=light] .wnt-how-mobile::before{border-color:#c9bbfb}html[data-theme=dark] .wnt-how-mobile::before{border-color:rgba(166,133,255,.4)}.wnt-how-mobile-step{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-bottom:18px}.wnt-how-mobile-step:last-child{margin-bottom:0}.wnt-how-mobile-num{flex:0 0 28px;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem}html[data-theme=light] .wnt-how-mobile-num{background:#efeafd;color:#4b2cff;border:1px solid #ded4fa}html[data-theme=dark] .wnt-how-mobile-num{background:#150c29;color:#c3b1ff;border:1px solid rgba(141,102,255,.35)}.wnt-how-mobile-connector{flex:0 0 12px;width:12px;height:2px;border-radius:2px}html[data-theme=light] .wnt-how-mobile-connector{background:#7c5cff}html[data-theme=dark] .wnt-how-mobile-connector{background:#a685ff}.wnt-how-mobile-icon{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:17px}html[data-theme=light] .wnt-how-mobile-icon{background:linear-gradient(150deg,#6a48ff,#4b2cff);color:#fff}html[data-theme=dark] .wnt-how-mobile-icon{background:linear-gradient(150deg,#6a48ff,#2c1a80);color:#fff;box-shadow:0 0 16px rgba(106,72,255,.4)}.wnt-how-mobile-text{flex:1 1 auto;min-width:0}.wnt-how-mobile-text h4{font-size:.88rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:3px}.wnt-how-mobile-text p{font-family:Inter,sans-serif;font-size:.78rem;line-height:1.45;margin-bottom:0}html[data-theme=light] .wnt-how-mobile-text h4{color:#14121f}html[data-theme=light] .wnt-how-mobile-text p{color:#6b6878}html[data-theme=dark] .wnt-how-mobile-text h4{color:#fff}html[data-theme=dark] .wnt-how-mobile-text p{color:#b7b2c7}.wnt-how-promise{flex-direction:row;align-items:center;justify-content:flex-start;text-align:left;padding:16px 18px;gap:14px;max-width:100%;border-radius:14px}.wnt-how-promise-icon{flex-basis:46px;width:46px;height:46px;font-size:19px}.wnt-how-promise-title{font-size:.92rem}.wnt-how-promise-desc{font-size:.78rem}.wnt-faq-section{padding:16px 0}.wnt-faq-header{margin-bottom:26px}.wnt-faq-title{font-size:1.55rem}.wnt-faq-desc{max-width:100%}.wnt-faq-visual{max-width:260px;height:260px;margin:0 auto 24px}.wnt-faq-image-wrap{width:190px;height:190px;border-radius:18px}.wnt-faq-ring-outer{width:210px;height:210px}.wnt-faq-ring-inner{width:175px;height:175px}.wnt-faq-float{width:40px;height:40px;font-size:17px;border-radius:11px}.wnt-faq-cube{width:11px;height:11px}.wnt-faq-cube-2{width:9px;height:9px}.wnt-faq-q-text{font-size:.86rem}.wnt-faq-answer-inner::before{left:4px}.wnt-faq-answer-inner p{padding-left:18px;font-size:.82rem}.wnt-faq-question{padding:13px 14px;gap:10px}.wnt-faq-num{flex-basis:28px;width:28px;height:28px;font-size:.66rem}.wnt-faq-cta{padding:14px 16px}.wnt-faq-cta-btn{padding:9px 16px;font-size:.8rem}.wnt-blog-slide{flex-basis:calc(33.333% - 11px)}}@media (max-width:767.98px){.wnt-blog-slide{flex-basis:calc(50% - 8px)}}@media (max-width:575.98px){.wnt-blog-slide{flex-basis:84%}}.wnt-blog-card{display:flex;flex-direction:column;height:100%;text-decoration:none;border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(11,13,23,.06);box-shadow:0 6px 24px rgba(20,20,50,.06);transition:transform .3s,box-shadow .3s,background-color .3s,border-color .3s}.wnt-blog-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(75,44,255,.15)}[data-theme=dark] .wnt-blog-card{background:linear-gradient(160deg,#181430 0,#0d0b1a 100%);border-color:rgba(141,102,255,.15);box-shadow:0 6px 20px rgba(0,0,0,.35)}[data-theme=dark] .wnt-blog-card:hover{box-shadow:0 16px 36px rgba(141,102,255,.25);border-color:rgba(141,102,255,.4)}.wnt-blog-card-img-wrap{position:relative;width:100%;flex-shrink:0;aspect-ratio:4/3;overflow:hidden;background:#e9e9f2}[data-theme=dark] .wnt-blog-card-img-wrap{background:#1b1d2b}.wnt-blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.wnt-blog-card:hover .wnt-blog-card-img{transform:scale(1.06)}.wnt-blog-card-body{display:flex;flex-direction:column;flex:1 1 auto;padding:18px 20px 22px}.wnt-blog-card-date{display:flex;align-items:center;gap:6px;font-size:13px;color:#8a8da3;margin-bottom:10px}[data-theme=dark] .wnt-blog-card-date{color:#7d80a0}.wnt-blog-card-title{font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:17px;line-height:1.4;color:#0b0d17;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wnt-blog-card-readmore{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:#4b2cff}.wnt-blog-card-readmore i{transition:transform .25s}

/* ============================================================
   BASE
   ============================================================ */
.wnt-blogpage-section{ padding: 28px 0 36px; overflow: hidden; position: relative; transition: background .4s ease, color .3s ease; }
.wnt-blogpage-eyebrow{
    display: inline-flex; align-items: center; gap: 8px;
    font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    padding: 5px 14px; border-radius: 20px; margin-bottom: 14px;
}
.wnt-blogpage-hero-crumb{ font-family: 'Inter', sans-serif; font-size: .8rem; font-weight: 600; margin-bottom: 18px; }
.wnt-blogpage-hero-crumb a{ text-decoration: none; }

/* ============================================================
   HERO
   ============================================================ */
.wnt-blogpage-hero{ padding: 44px 0 32px; position: relative; overflow: hidden; }
.wnt-blogpage-hero-divider{ position: absolute; left: 0; right: 0; bottom: 0; height: 1px; }
.wnt-blogpage-hero-title{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 2.6rem; line-height: 1.18; max-width: 800px; margin: 0 auto 18px; }
.wnt-blogpage-hero-desc{ font-family: 'Inter', sans-serif; font-size: 1.02rem; line-height: 1.7; max-width: 640px; margin: 0 auto 34px; }

.wnt-blogpage-hero-chips{ display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.wnt-blogpage-chip{
    display: inline-flex; align-items: center; gap: 9px;
    font-family: 'Inter', sans-serif; font-size: .86rem; font-weight: 600;
    padding: 10px 18px; border-radius: 30px; text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.wnt-blogpage-chip:hover{ transform: translateY(-3px); }
.wnt-blogpage-chip i{ font-size: 1rem; }

.wnt-blogpage-hero-shape{ position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35; animation: wntBlogpageDrift 8s ease-in-out infinite; }
.wbps1{ width: 220px; height: 220px; top: -60px; left: 4%; animation-delay: 0s; }
.wbps2{ width: 260px; height: 260px; bottom: -100px; right: 6%; animation-delay: 1.2s; animation-duration: 9s; }
@keyframes wntBlogpageDrift{ 0%,100%{ transform: translateY(0) scale(1); } 50%{ transform: translateY(-18px) scale(1.06); } }

/* ============================================================
   SEARCH BAR — modern pill input with icon + live feedback
   ============================================================ */
.wnt-blogpage-search-title{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 1.5rem; text-align: center; margin-bottom: 16px; }
.wnt-blogpage-search-wrap{ max-width: 620px; margin: 0 auto; position: relative; }
.wnt-blogpage-search-box{
    display: flex; align-items: center; gap: 10px;
    border-radius: 40px; padding: 6px 8px 6px 20px;
    transition: border-color .25s ease, box-shadow .25s ease, background .3s ease;
}
.wnt-blogpage-search-box i.bi-search{ font-size: 1.05rem; flex: 0 0 auto; transition: transform .25s ease, color .25s ease; }
.wnt-blogpage-search-box.is-focused i.bi-search{ transform: scale(1.12); }
.wnt-blogpage-search-input{
    flex: 1 1 auto; border: none; outline: none; background: transparent;
    font-family: 'Inter', sans-serif; font-size: .96rem; padding: 12px 4px;
}
.wnt-blogpage-search-clear{
    flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; border: none;
    display: inline-flex; align-items: center; justify-content: center;
    font-size: .8rem; cursor: pointer; transition: transform .2s ease, background .2s ease;
}
.wnt-blogpage-search-clear:hover{ transform: scale(1.08); }
.wnt-blogpage-search-go{
    flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; border: none;
    display: inline-flex; align-items: center; justify-content: center; font-size: .95rem;
    transition: transform .2s ease, box-shadow .2s ease;
}
.wnt-blogpage-search-go i.bi-search{ color: #fff !important; }
.wnt-blogpage-search-meta{ font-family: 'Inter', sans-serif; font-size: .84rem; text-align: center; margin-top: 12px; min-height: 20px; transition: opacity .2s ease; }
.wnt-blogpage-search-meta.is-loading{ opacity: .7; }
.wnt-blogpage-search-meta mark, .wnt-blogpage-card-title mark{ padding: 0 2px; border-radius: 4px; animation: wntMarkPop .35s ease; }
@keyframes wntMarkPop{ from{ transform: scale(.9); opacity: 0; } to{ transform: scale(1); opacity: 1; } }

/* ============================================================
   BLOG GRID / CARDS
   ============================================================ */
.wnt-blogpage-col{ transition: opacity .25s ease, transform .25s ease; }
.wnt-blogpage-card-link{ display: block; height: 100%; }
.wnt-blogpage-card{
    border-radius: 20px; overflow: hidden; height: 100%; display: flex; flex-direction: column;
    transition: transform .28s ease, box-shadow .28s ease, border-color .3s ease, background .3s ease;
}
.wnt-blogpage-card:hover{ transform: translateY(-6px); }
.wnt-blogpage-card-img-wrap{ position: relative; aspect-ratio: 4 / 3; overflow: hidden; }
.wnt-blogpage-card-img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s ease; }
.wnt-blogpage-card:hover .wnt-blogpage-card-img{ transform: scale(1.08); }
.wnt-blogpage-date-badge{
    position: absolute; top: 12px; left: 12px; z-index: 2;
    display: inline-flex; align-items: center; gap: 6px;
    font-family: 'Inter', sans-serif; font-size: .72rem; font-weight: 700;
    padding: 6px 12px; border-radius: 20px; backdrop-filter: blur(6px);
}
.wnt-blogpage-card-body{ padding: 18px 18px 20px; display: flex; flex-direction: column; gap: 14px; flex: 1 1 auto; }
.wnt-blogpage-card-title{
    font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: 1rem; line-height: 1.4;
    margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    min-height: 2.8em;
}
.wnt-blogpage-card-readmore{
    display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
    font-family: 'Inter', sans-serif; font-weight: 700; font-size: .78rem; text-transform: uppercase; letter-spacing: .03em;
    padding: 8px 16px; border-radius: 30px; margin-top: auto; transition: transform .2s ease, box-shadow .2s ease;
}
.wnt-blogpage-card:hover .wnt-blogpage-card-readmore{ transform: translateX(3px); }

/* ============================================================
   LOAD MORE
   ============================================================ */
.wnt-blogpage-loadmore-wrap{ text-align: center; margin-top: 12px; }
.wnt-blogpage-loadmore-btn{
    font-family: 'Inter', sans-serif; font-weight: 700; font-size: .9rem;
    padding: 13px 34px; border-radius: 30px; border: none; cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
.wnt-blogpage-loadmore-btn:hover{ transform: translateY(-2px); }
.wnt-blogpage-loadmore-btn:disabled{ opacity: .7; cursor: not-allowed; transform: none; }

/* ============================================================
   NO RESULTS
   ============================================================ */
.wnt-blogpage-empty{ border-radius: 20px; padding: 46px 24px; text-align: center; }
.wnt-blogpage-empty i{ font-size: 2.4rem; margin-bottom: 14px; display: inline-block; }
.wnt-blogpage-empty p{ font-family: 'Inter', sans-serif; font-size: .98rem; margin: 0; }

/* ============================================================
   EDIT BLOGS (admin) STICKY BUTTON
   ============================================================ */
.wnt-blogpage-edit-btn{
    position: fixed; bottom: 24px; right: 24px; z-index: 999;
    display: inline-flex; align-items: center; gap: 8px;
    font-family: 'Inter', sans-serif; font-weight: 700; font-size: .85rem;
    padding: 11px 20px; border-radius: 30px; text-decoration: none;
    box-shadow: 0 10px 26px rgba(75,44,255,0.3);
}

/* ============================================================
   LIGHT THEME
   ============================================================ */
html[data-theme="light"] .wnt-blogpage-hero{ background: linear-gradient(160deg, #F7F7FA 0%, #EDE7FF 55%, #F7F7FA 100%); color: #14121f; }
html[data-theme="light"] .wnt-blogpage-hero-crumb, html[data-theme="light"] .wnt-blogpage-hero-crumb a{ color: #5c5968; }
html[data-theme="light"] .wnt-blogpage-hero-crumb a:hover{ color: #4B2CFF; }
html[data-theme="light"] .wnt-blogpage-hero-title{ color: #14121f; }
html[data-theme="light"] .wnt-blogpage-hero-desc{ color: #5c5968; }
html[data-theme="light"] .wnt-blogpage-hero-shape{ background: radial-gradient(circle, #8D66FF, transparent 70%); }
html[data-theme="light"] .wnt-blogpage-chip{ background: #FFFFFF; color: #4B2CFF; border: 1px solid #DED4FA; box-shadow: 0 6px 16px rgba(75,44,255,0.08); }
html[data-theme="light"] .wnt-blogpage-chip:hover{ box-shadow: 0 10px 22px rgba(75,44,255,0.16); }

html[data-theme="light"] .wnt-blogpage-section{ background: linear-gradient(160deg, #ffffff 0%, #EEE7FF 55%, #ffffff 100%); color: #14121f; }
html[data-theme="light"] .wnt-blogpage-section:nth-of-type(even){ background: linear-gradient(160deg, #F5F1FF 0%, #ffffff 55%, #EEE7FF 100%); }
html[data-theme="light"] .wnt-blogpage-eyebrow{ background: #EFEAFD; color: #4B2CFF; }
html[data-theme="light"] .wnt-blogpage-search-title{ color: #14121f; }

html[data-theme="light"] .wnt-blogpage-search-box{ background: #FFFFFF; border: 1.5px solid #DED4FA; box-shadow: 0 10px 26px rgba(75,44,255,0.08); }
html[data-theme="light"] .wnt-blogpage-search-box.is-focused{ border-color: #4B2CFF; box-shadow: 0 0 0 .2rem rgba(75,44,255,0.14); }
html[data-theme="light"] .wnt-blogpage-search-box i.bi-search{ color: #4B2CFF; }
html[data-theme="light"] .wnt-blogpage-search-input{ color: #14121f; }
html[data-theme="light"] .wnt-blogpage-search-input::placeholder{ color: #9c98ab; }
html[data-theme="light"] .wnt-blogpage-search-clear{ background: #EFEAFD; color: #4B2CFF; }
html[data-theme="light"] .wnt-blogpage-search-go{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); color: #fff; box-shadow: 0 8px 18px rgba(75,44,255,0.28); }
html[data-theme="light"] .wnt-blogpage-search-meta{ color: #6b6878; }
html[data-theme="light"] .wnt-blogpage-search-meta mark, html[data-theme="light"] .wnt-blogpage-card-title mark{ background: #E9DEFF; color: #4B2CFF; }

html[data-theme="light"] .wnt-blogpage-card{ background: linear-gradient(155deg, #FFFFFF 0%, #E2D6FF 100%); border: 1px solid #C9B8F5; box-shadow: 0 12px 30px rgba(75,44,255,0.1); }
html[data-theme="light"] .wnt-blogpage-card:hover{ box-shadow: 0 18px 40px rgba(75,44,255,0.2); }
html[data-theme="light"] .wnt-blogpage-date-badge{ background: rgba(255,255,255,0.85); color: #4B2CFF; }
html[data-theme="light"] .wnt-blogpage-card-title{ color: #14121f; }
html[data-theme="light"] .wnt-blogpage-card-readmore{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); color: #fff; }

html[data-theme="light"] .wnt-blogpage-loadmore-btn{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); color: #fff; box-shadow: 0 10px 24px rgba(75,44,255,0.28); }

html[data-theme="light"] .wnt-blogpage-empty{ background: linear-gradient(155deg, #FFFFFF 0%, #E9DEFF 100%); border: 1px solid #C9B8F5; box-shadow: 0 12px 30px rgba(75,44,255,0.1); }
html[data-theme="light"] .wnt-blogpage-empty i{ color: #4B2CFF; }
html[data-theme="light"] .wnt-blogpage-empty p{ color: #6b6878; }

html[data-theme="light"] .wnt-blogpage-edit-btn{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); color: #fff; }

/* ============================================================
   DARK THEME
   ============================================================ */
html[data-theme="dark"] .wnt-blogpage-hero{
    background:
        radial-gradient(120% 100% at 12% -10%, rgba(106,72,255,0.26) 0%, rgba(11,13,23,0) 55%),
        radial-gradient(120% 100% at 90% 105%, rgba(141,102,255,0.2) 0%, rgba(11,13,23,0) 55%),
        linear-gradient(180deg, #120c26 0%, #0B0D17 50%, #150c29 100%);
    color: #ffffff;
}
html[data-theme="dark"] .wnt-blogpage-hero-crumb, html[data-theme="dark"] .wnt-blogpage-hero-crumb a{ color: #b7b2c7; }
html[data-theme="dark"] .wnt-blogpage-hero-crumb a:hover{ color: #a685ff; }
html[data-theme="dark"] .wnt-blogpage-hero-title{ color: #ffffff; }
html[data-theme="dark"] .wnt-blogpage-hero-desc{ color: #c2bdd6; }
html[data-theme="dark"] .wnt-blogpage-hero-shape{ background: radial-gradient(circle, #6A48FF, transparent 70%); }
html[data-theme="dark"] .wnt-blogpage-hero-divider{ background: linear-gradient(90deg, transparent, rgba(166,133,255,.5) 20%, rgba(166,133,255,.5) 80%, transparent); }
html[data-theme="dark"] .wnt-blogpage-chip{ background: rgba(141,102,255,0.12); color: #c9b8ff; border: 1px solid rgba(166,133,255,0.35); }
html[data-theme="dark"] .wnt-blogpage-chip:hover{ box-shadow: 0 0 22px rgba(106,72,255,0.35); }

html[data-theme="dark"] .wnt-blogpage-section{
    background:
        radial-gradient(120% 100% at 12% 0%, rgba(106,72,255,0.3) 0%, rgba(11,13,23,0) 60%),
        radial-gradient(120% 100% at 92% 100%, rgba(141,102,255,0.24) 0%, rgba(11,13,23,0) 60%),
        linear-gradient(160deg, #0B0D17 0%, #150c29 55%, #0B0D17 100%);
    color: #ffffff;
}
html[data-theme="dark"] .wnt-blogpage-section:nth-of-type(even){
    background:
        radial-gradient(120% 100% at 90% 0%, rgba(141,102,255,0.26) 0%, rgba(11,13,23,0) 60%),
        radial-gradient(120% 100% at 8% 100%, rgba(106,72,255,0.24) 0%, rgba(11,13,23,0) 60%),
        linear-gradient(160deg, #0B0D17 0%, #211447 55%, #150c29 100%);
}
html[data-theme="dark"] .wnt-blogpage-eyebrow{ background: rgba(141,102,255,0.15); color: #c3b1ff; }
html[data-theme="dark"] .wnt-blogpage-search-title{ color: #ffffff; }

html[data-theme="dark"] .wnt-blogpage-search-box{ background: rgba(255,255,255,0.04); border: 1.5px solid rgba(166,133,255,0.3); }
html[data-theme="dark"] .wnt-blogpage-search-box.is-focused{ border-color: #8D66FF; box-shadow: 0 0 0 .2rem rgba(141,102,255,0.22); }
html[data-theme="dark"] .wnt-blogpage-search-box i.bi-search{ color: #c3b1ff; }
html[data-theme="dark"] .wnt-blogpage-search-input{ color: #ffffff; }
html[data-theme="dark"] .wnt-blogpage-search-input::placeholder{ color: #8d88a3; }
html[data-theme="dark"] .wnt-blogpage-search-clear{ background: rgba(141,102,255,0.15); color: #d6c8ff; }
html[data-theme="dark"] .wnt-blogpage-search-go{ background: linear-gradient(90deg, #6A48FF, #8D66FF); color: #fff; box-shadow: 0 0 18px rgba(106,72,255,0.45); }
html[data-theme="dark"] .wnt-blogpage-search-meta{ color: #c2bdd6; }
html[data-theme="dark"] .wnt-blogpage-search-meta mark, html[data-theme="dark"] .wnt-blogpage-card-title mark{ background: rgba(141,102,255,0.35); color: #ffffff; }

html[data-theme="dark"] .wnt-blogpage-card{ background: linear-gradient(155deg, #35266b 0%, #170e2b 100%); border: 1px solid rgba(166,133,255,0.4); box-shadow: 0 14px 34px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05); }
html[data-theme="dark"] .wnt-blogpage-card:hover{ box-shadow: 0 0 30px rgba(106,72,255,0.4); }
html[data-theme="dark"] .wnt-blogpage-date-badge{ background: rgba(11,13,23,0.7); color: #d6c8ff; }
html[data-theme="dark"] .wnt-blogpage-card-title{ color: #ffffff; }
html[data-theme="dark"] .wnt-blogpage-card-readmore{ background: linear-gradient(90deg, #6A48FF, #8D66FF); color: #fff; }

html[data-theme="dark"] .wnt-blogpage-loadmore-btn{ background: linear-gradient(90deg, #6A48FF, #8D66FF); color: #fff; box-shadow: 0 0 24px rgba(106,72,255,0.45); }

html[data-theme="dark"] .wnt-blogpage-empty{ background: linear-gradient(155deg, #35266b 0%, #170e2b 100%); border: 1px solid rgba(166,133,255,0.4); box-shadow: 0 14px 34px rgba(0,0,0,0.45); }
html[data-theme="dark"] .wnt-blogpage-empty i{ color: #c3b1ff; }
html[data-theme="dark"] .wnt-blogpage-empty p{ color: #c2bdd6; }

html[data-theme="dark"] .wnt-blogpage-edit-btn{ background: linear-gradient(90deg, #6A48FF, #8D66FF); color: #fff; box-shadow: 0 0 20px rgba(106,72,255,0.5); }

/* ============================================================
   MOBILE (<992px)
   ============================================================ */
@media (max-width: 991.98px){
    .wnt-blogpage-hero{ padding: 28px 0 22px; }
    .wnt-blogpage-hero-title{ font-size: 1.7rem; }
    .wnt-blogpage-hero-desc{ font-size: .92rem; }
    .wnt-blogpage-section{ padding: 20px 0 26px; }
    .wnt-blogpage-search-title{ font-size: 1.25rem; }
    .wnt-blogpage-card-title{ font-size: .94rem; }
    .wnt-blogpage-edit-btn{ bottom: 16px; right: 16px; padding: 9px 16px; font-size: .78rem; }
}

@media (prefers-reduced-motion: reduce){
    .wnt-blogpage-hero-shape{ animation: none !important; }
}

/* ============================================================
   BASE — shared helpers used across this page's sections
   ============================================================ */
.wnt-contact-section{ padding: 44px 0; overflow: hidden; position: relative; transition: background .4s ease, color .3s ease; }
.wnt-contact-eyebrow{
    display: inline-flex; align-items: center; gap: 8px;
    font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    padding: 5px 14px; border-radius: 20px; margin-bottom: 14px;
}
.wnt-contact-h2{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 2.1rem; line-height: 1.2; margin-bottom: 14px; }
.wnt-contact-p{ font-family: 'Inter', sans-serif; font-size: .98rem; line-height: 1.7; margin-bottom: 0; }
.wnt-contact-center{ max-width: 640px; margin: 0 auto 44px; text-align: center; }

/* ============================================================
   HERO
   ============================================================ */
.wnt-contact-hero{ padding: 64px 0 50px; position: relative; overflow: hidden; }
.wnt-contact-hero-crumb{ font-family: 'Inter', sans-serif; font-size: .8rem; font-weight: 600; margin-bottom: 18px; }
.wnt-contact-hero-crumb a{ text-decoration: none; }
.wnt-contact-hero-title{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 2.6rem; line-height: 1.18; max-width: 800px; margin: 0 auto 18px; }
.wnt-contact-hero-desc{ font-family: 'Inter', sans-serif; font-size: 1.02rem; line-height: 1.7; max-width: 640px; margin: 0 auto 34px; }

.wnt-contact-hero-chips{ display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.wnt-contact-chip{
    display: inline-flex; align-items: center; gap: 9px;
    font-family: 'Inter', sans-serif; font-size: .86rem; font-weight: 600;
    padding: 10px 18px; border-radius: 30px; text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}
.wnt-contact-chip:hover{ transform: translateY(-3px); }
.wnt-contact-chip i{ font-size: 1rem; }

.wnt-contact-hero-shape{ position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35; animation: wntContactDrift 8s ease-in-out infinite; }
.chs1{ width: 220px; height: 220px; top: -60px; left: 4%; animation-delay: 0s; }
.chs2{ width: 260px; height: 260px; bottom: -100px; right: 6%; animation-delay: 1.2s; animation-duration: 9s; }
@keyframes wntContactDrift{ 0%,100%{ transform: translateY(0) scale(1); } 50%{ transform: translateY(-18px) scale(1.06); } }

/* ============================================================
   FORM + INFO GRID
   ============================================================ */
.wnt-contact-form-card{ border-radius: 24px; padding: 40px; position: relative; overflow: hidden; }
.wnt-contact-form-card::before{
    content: ""; position: absolute; top: -80px; right: -80px;
    width: 220px; height: 220px; border-radius: 50%; filter: blur(60px); opacity: .5; pointer-events: none;
}
.wnt-contact-form-title{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 1.5rem; margin-bottom: 6px; }
.wnt-contact-form-sub{ font-family: 'Inter', sans-serif; font-size: .9rem; margin-bottom: 28px; }

.wnt-contact-label{ font-family: 'Inter', sans-serif; font-size: .84rem; font-weight: 600; margin-bottom: 6px; display: inline-block; }
.wnt-contact-input{
    width: 100%; font-family: 'Inter', sans-serif; font-size: .92rem;
    padding: 12px 16px; border-radius: 12px; outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .3s ease;
}
textarea.wnt-contact-input{ resize: vertical; min-height: 130px; }
.wnt-contact-field{ margin-bottom: 20px; }

.wnt-contact-submit{
    display: inline-flex; align-items: center; gap: 8px;
    font-family: 'Inter', sans-serif; font-weight: 700; font-size: .92rem;
    padding: 13px 30px; border-radius: 30px; border: none; cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease;
}
.wnt-contact-submit:hover{ transform: translateY(-2px); }
.wnt-contact-submit:disabled{ opacity: .7; cursor: not-allowed; transform: none; }

#wntFormAlert .alert{ font-family: 'Inter', sans-serif; font-size: .88rem; border-radius: 12px; }

/* Sidebar info cards */
.wnt-contact-info-col{ display: flex; flex-direction: column; gap: 16px; height: 100%; }
.wnt-contact-quick{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wnt-contact-quick-card{
    border-radius: 18px; padding: 22px 18px; text-decoration: none; display: block;
    transition: transform .2s ease, background .3s ease, border-color .3s ease;
}
.wnt-contact-quick-card:hover{ transform: translateY(-4px); }
.wnt-contact-quick-icon{ width: 44px; height: 44px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 19px; margin-bottom: 12px; }
.wnt-contact-quick-card h4{ font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: .92rem; margin-bottom: 4px; }
.wnt-contact-quick-card p{ font-family: 'Inter', sans-serif; font-size: .8rem; margin-bottom: 0; word-break: break-word; }

.wnt-contact-office-card{ border-radius: 18px; padding: 20px; display: flex; gap: 14px; align-items: flex-start; transition: background .3s ease, border-color .3s ease; }
.wnt-contact-office-badge{ flex: 0 0 auto; width: 40px; height: 40px; border-radius: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 11px; }
.wnt-contact-office-card h5{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: .95rem; margin-bottom: 3px; }
.wnt-contact-office-card p{ font-family: 'Inter', sans-serif; font-size: .82rem; margin-bottom: 4px; }
.wnt-contact-office-card a{ font-family: 'Inter', sans-serif; font-size: .82rem; font-weight: 600; text-decoration: none; }

.wnt-contact-map-card{ border-radius: 18px; padding: 16px; }
.wnt-contact-map-card h5{ font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: .92rem; margin-bottom: 12px; }
.wnt-contact-map-card iframe{ border: 0; width: 100%; border-radius: 12px; }

/* ============================================================
   WHY REACH OUT strip
   ============================================================ */
.wnt-contact-why{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.wnt-contact-why-card{ text-align: center; padding: 26px 16px; border-radius: 16px; transition: transform .2s ease, background .4s ease, border-color .3s ease; }
.wnt-contact-why-card:hover{ transform: translateY(-4px); }
.wnt-contact-why-icon{ width: 50px; height: 50px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 21px; margin: 0 auto 12px; }
.wnt-contact-why-card h5{ font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: .9rem; margin-bottom: 6px; }
.wnt-contact-why-card p{ font-family: 'Inter', sans-serif; font-size: .78rem; line-height: 1.5; margin-bottom: 0; }

/* ============================================================
   PROCESS TIMELINE — "What happens after you hit submit"
   ============================================================ */
.wnt-contact-process{ position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wnt-contact-process-line{ position: absolute; left: 12%; right: 12%; top: 26px; height: 2px; z-index: 0; }
.wnt-contact-process-item{ position: relative; z-index: 1; text-align: center; padding: 0 10px; }
.wnt-contact-process-dot{ width: 52px; height: 52px; border-radius: 50%; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 1.1rem; }
.wnt-contact-process-item h6{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: .95rem; margin-bottom: 6px; }
.wnt-contact-process-item p{ font-family: 'Inter', sans-serif; font-size: .82rem; line-height: 1.5; margin-bottom: 0; }

/* ============================================================
   CTA BANNER
   ============================================================ */
.wnt-contact-cta{ border-radius: 22px; padding: 56px 32px; text-align: center; position: relative; overflow: hidden; }
.wnt-contact-cta-content{ position: relative; z-index: 2; }
.wnt-contact-cta-art{ position: absolute; inset: 0; width: 100%; height: 100%; }
.wnt-contact-cta-art.art-for-light{ display: none; }
html[data-theme="light"] .wnt-contact-cta-art.art-for-dark{ display: none; }
html[data-theme="light"] .wnt-contact-cta-art.art-for-light{ display: block; opacity: .55; }
html[data-theme="dark"] .wnt-contact-cta-art.art-for-dark{ opacity: .9; mix-blend-mode: screen; }
.wnt-contact-cta h2{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 1.9rem; margin-bottom: 12px; }
.wnt-contact-cta p{ font-family: 'Inter', sans-serif; font-size: .98rem; margin-bottom: 26px; }
.wnt-contact-cta .btn{ display: inline-flex; align-items: center; gap: 8px; font-weight: 600; padding: 12px 26px; border-radius: 30px; transition: transform .2s ease; }
.wnt-contact-cta .btn:hover{ transform: translateY(-3px); }

/* ============================================================
   LIGHT THEME — gradient, not flat
   ============================================================ */
html[data-theme="light"] .wnt-contact-hero{ background: linear-gradient(160deg, #F7F7FA 0%, #EDE7FF 55%, #F7F7FA 100%); color: #14121f; }
html[data-theme="light"] .wnt-contact-hero-crumb, html[data-theme="light"] .wnt-contact-hero-crumb a{ color: #5c5968; }
html[data-theme="light"] .wnt-contact-hero-crumb a:hover{ color: #4B2CFF; }
html[data-theme="light"] .wnt-contact-hero-title{ color: #14121f; }
html[data-theme="light"] .wnt-contact-hero-desc{ color: #5c5968; }
html[data-theme="light"] .wnt-contact-hero-shape{ background: radial-gradient(circle, #8D66FF, transparent 70%); }
html[data-theme="light"] .wnt-contact-chip{ background: #FFFFFF; color: #4B2CFF; border: 1px solid #DED4FA; box-shadow: 0 6px 16px rgba(75,44,255,0.08); }
html[data-theme="light"] .wnt-contact-chip:hover{ box-shadow: 0 10px 22px rgba(75,44,255,0.16); }

html[data-theme="light"] .wnt-contact-section{
    background: linear-gradient(160deg, #ffffff 0%, #EEE7FF 55%, #ffffff 100%);
    color: #14121f;
}
html[data-theme="light"] .wnt-contact-section:nth-of-type(even){
    background: linear-gradient(160deg, #F5F1FF 0%, #ffffff 55%, #EEE7FF 100%);
}
html[data-theme="light"] .wnt-contact-eyebrow{ background: #EFEAFD; color: #4B2CFF; }
html[data-theme="light"] .wnt-contact-h2{ color: #14121f; }
html[data-theme="light"] .wnt-contact-h2 .text-accent{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="light"] .wnt-contact-p{ color: #5c5968; }

html[data-theme="light"] .wnt-contact-form-card{ background: linear-gradient(155deg, #FFFFFF 0%, #EEE7FF 100%); border: 1px solid #DED4FA; box-shadow: 0 18px 50px rgba(75,44,255,0.1); }
html[data-theme="light"] .wnt-contact-form-card::before{ background: #8D66FF; }
html[data-theme="light"] .wnt-contact-form-title{ color: #14121f; }
html[data-theme="light"] .wnt-contact-form-sub{ color: #6b6878; }
html[data-theme="light"] .wnt-contact-label{ color: #302d40; }
html[data-theme="light"] .wnt-contact-input{ background: #ffffff; border: 1.5px solid #DED4FA; color: #14121f; }
html[data-theme="light"] .wnt-contact-input::placeholder{ color: #9c98ab; }
html[data-theme="light"] .wnt-contact-input:focus{ border-color: #4B2CFF; box-shadow: 0 0 0 .2rem rgba(75,44,255,0.14); background: #ffffff; }
html[data-theme="light"] .wnt-contact-submit{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); color: #fff; box-shadow: 0 10px 24px rgba(75,44,255,0.28); }

html[data-theme="light"] .wnt-contact-quick-card{ background: linear-gradient(155deg, #FFFFFF 0%, #E2D6FF 100%); border: 1px solid #C9B8F5; box-shadow: 0 12px 30px rgba(75,44,255,0.12); }
html[data-theme="light"] .wnt-contact-quick-card:hover{ box-shadow: 0 16px 36px rgba(75,44,255,0.2); }
html[data-theme="light"] .wnt-contact-quick-icon{ background: linear-gradient(145deg, #E9E1FF, #C7B2FF); color: #4B2CFF; }
html[data-theme="light"] .wnt-contact-quick-card h4{ color: #14121f; }
html[data-theme="light"] .wnt-contact-quick-card p{ color: #6b6878; }

html[data-theme="light"] .wnt-contact-office-card{ background: linear-gradient(155deg, #FFFFFF 0%, #E9DEFF 100%); border: 1px solid #C9B8F5; box-shadow: 0 12px 30px rgba(75,44,255,0.1); }
html[data-theme="light"] .wnt-contact-office-badge{ background: linear-gradient(150deg, #6A48FF, #4B2CFF); color: #fff; }
html[data-theme="light"] .wnt-contact-office-card h5{ color: #14121f; }
html[data-theme="light"] .wnt-contact-office-card p{ color: #6b6878; }
html[data-theme="light"] .wnt-contact-office-card a{ color: #4B2CFF; }

html[data-theme="light"] .wnt-contact-map-card{ background: linear-gradient(155deg, #FFFFFF 0%, #E9DEFF 100%); border: 1px solid #C9B8F5; box-shadow: 0 12px 30px rgba(75,44,255,0.1); }
html[data-theme="light"] .wnt-contact-map-card h5{ color: #14121f; }

html[data-theme="light"] .wnt-contact-why-card{ background: linear-gradient(155deg, #FFFFFF 0%, #E2D6FF 100%); border: 1px solid #C9B8F5; box-shadow: 0 12px 30px rgba(75,44,255,0.12); }
html[data-theme="light"] .wnt-contact-why-card:hover{ box-shadow: 0 16px 36px rgba(75,44,255,0.2); }
html[data-theme="light"] .wnt-contact-why-icon{ background: linear-gradient(145deg, #E9E1FF, #D3C2FF); color: #4B2CFF; }
html[data-theme="light"] .wnt-contact-why-card h5{ color: #14121f; }
html[data-theme="light"] .wnt-contact-why-card p{ color: #6b6878; }

html[data-theme="light"] .wnt-contact-process-line{ background: linear-gradient(90deg, transparent, #B9A6FF 15%, #B9A6FF 85%, transparent); }
html[data-theme="light"] .wnt-contact-process-dot{ background: linear-gradient(150deg, #6A48FF, #4B2CFF); color: #fff; box-shadow: 0 10px 22px rgba(75,44,255,0.28); }
html[data-theme="light"] .wnt-contact-process-item h6{ color: #14121f; }
html[data-theme="light"] .wnt-contact-process-item p{ color: #6b6878; }

html[data-theme="light"] .wnt-contact-cta{ background: linear-gradient(155deg, #FFFFFF 0%, #ECE3FF 100%); border: 1px solid #D9CCFB; box-shadow: 0 20px 50px rgba(75,44,255,0.12); }
html[data-theme="light"] .wnt-contact-cta h2{ color: #14121f; }
html[data-theme="light"] .wnt-contact-cta p{ color: #5c5968; }
html[data-theme="light"] .wnt-contact-cta .btn-light-cta{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); color: #ffffff; box-shadow: 0 10px 24px rgba(75,44,255,0.28); }
html[data-theme="light"] .wnt-contact-cta .btn-light-cta:hover{ box-shadow: 0 10px 22px rgba(75,44,255,0.36); }
html[data-theme="light"] .wnt-contact-cta .btn-outline-cta{ background: transparent; color: #4B2CFF; border: 1px solid #C9B8F5; }
html[data-theme="light"] .wnt-contact-cta .btn-outline-cta:hover{ box-shadow: 0 10px 22px rgba(75,44,255,0.16); }

/* ============================================================
   DARK THEME — gradient, not flat
   ============================================================ */
html[data-theme="dark"] .wnt-contact-hero{
    background:
        radial-gradient(120% 100% at 12% -10%, rgba(106,72,255,0.26) 0%, rgba(11,13,23,0) 55%),
        radial-gradient(120% 100% at 90% 105%, rgba(141,102,255,0.2) 0%, rgba(11,13,23,0) 55%),
        linear-gradient(180deg, #120c26 0%, #0B0D17 50%, #150c29 100%);
    color: #ffffff;
}
html[data-theme="dark"] .wnt-contact-hero-crumb, html[data-theme="dark"] .wnt-contact-hero-crumb a{ color: #b7b2c7; }
html[data-theme="dark"] .wnt-contact-hero-crumb a:hover{ color: #a685ff; }
html[data-theme="dark"] .wnt-contact-hero-title{ color: #ffffff; }
html[data-theme="dark"] .wnt-contact-hero-desc{ color: #c2bdd6; }
html[data-theme="dark"] .wnt-contact-hero-shape{ background: radial-gradient(circle, #6A48FF, transparent 70%); }
html[data-theme="dark"] .wnt-contact-chip{ background: rgba(141,102,255,0.12); color: #c9b8ff; border: 1px solid rgba(166,133,255,0.35); }
html[data-theme="dark"] .wnt-contact-chip:hover{ box-shadow: 0 0 22px rgba(106,72,255,0.35); }

html[data-theme="dark"] .wnt-contact-section{
    background:
        radial-gradient(120% 100% at 12% 0%, rgba(106,72,255,0.3) 0%, rgba(11,13,23,0) 60%),
        radial-gradient(120% 100% at 92% 100%, rgba(141,102,255,0.24) 0%, rgba(11,13,23,0) 60%),
        linear-gradient(160deg, #1c1236 0%, #0B0D17 55%, #120b22 100%);
    color: #ffffff;
}
html[data-theme="dark"] .wnt-contact-section:nth-of-type(even){
    background:
        radial-gradient(120% 100% at 90% 0%, rgba(141,102,255,0.26) 0%, rgba(11,13,23,0) 60%),
        radial-gradient(120% 100% at 8% 100%, rgba(106,72,255,0.24) 0%, rgba(11,13,23,0) 60%),
        linear-gradient(160deg, #0B0D17 0%, #211447 55%, #150c29 100%);
}
html[data-theme="dark"] .wnt-contact-eyebrow{ background: rgba(141,102,255,0.15); color: #c3b1ff; }
html[data-theme="dark"] .wnt-contact-h2{ color: #ffffff; }
html[data-theme="dark"] .wnt-contact-h2 .text-accent{ background: linear-gradient(90deg, #6A48FF, #8D66FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="dark"] .wnt-contact-p{ color: #c2bdd6; }

html[data-theme="dark"] .wnt-contact-form-card{ background: linear-gradient(155deg, #2a1e4d 0%, #180f2c 100%); border: 1px solid rgba(166,133,255,0.35); box-shadow: 0 20px 55px rgba(0,0,0,0.45); }
html[data-theme="dark"] .wnt-contact-form-card::before{ background: #6A48FF; }
html[data-theme="dark"] .wnt-contact-form-title{ color: #ffffff; }
html[data-theme="dark"] .wnt-contact-form-sub{ color: #c2bdd6; }
html[data-theme="dark"] .wnt-contact-label{ color: #e6e2f5; }
html[data-theme="dark"] .wnt-contact-input{ background: rgba(255,255,255,0.04); border: 1.5px solid rgba(166,133,255,0.3); color: #ffffff; }
html[data-theme="dark"] .wnt-contact-input::placeholder{ color: #8d88a3; }
html[data-theme="dark"] .wnt-contact-input:focus{ border-color: #8D66FF; box-shadow: 0 0 0 .2rem rgba(141,102,255,0.22); background: rgba(255,255,255,0.06); }
html[data-theme="dark"] .wnt-contact-submit{ background: linear-gradient(90deg, #6A48FF, #8D66FF); color: #fff; box-shadow: 0 0 26px rgba(106,72,255,0.45); }

html[data-theme="dark"] .wnt-contact-quick-card{ background: linear-gradient(155deg, #3a2a72 0%, #170e2b 100%); border: 1px solid rgba(166,133,255,0.45); box-shadow: 0 14px 34px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.05); }
html[data-theme="dark"] .wnt-contact-quick-card:hover{ box-shadow: 0 0 28px rgba(106,72,255,0.4); }
html[data-theme="dark"] .wnt-contact-quick-icon{ background: linear-gradient(145deg, rgba(106,72,255,0.55), rgba(141,102,255,0.25)); color: #d6c8ff; }
html[data-theme="dark"] .wnt-contact-quick-card h4{ color: #ffffff; }
html[data-theme="dark"] .wnt-contact-quick-card p{ color: #c2bdd6; }

html[data-theme="dark"] .wnt-contact-office-card{ background: linear-gradient(155deg, #35266b 0%, #170e2b 100%); border: 1px solid rgba(166,133,255,0.4); box-shadow: 0 14px 34px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05); }
html[data-theme="dark"] .wnt-contact-office-badge{ background: linear-gradient(150deg, #6A48FF, #2c1a80); color: #fff; box-shadow: 0 0 16px rgba(106,72,255,0.4); }
html[data-theme="dark"] .wnt-contact-office-card h5{ color: #ffffff; }
html[data-theme="dark"] .wnt-contact-office-card p{ color: #b7b2c7; }
html[data-theme="dark"] .wnt-contact-office-card a{ color: #c3b1ff; }

html[data-theme="dark"] .wnt-contact-map-card{ background: linear-gradient(155deg, #35266b 0%, #170e2b 100%); border: 1px solid rgba(166,133,255,0.4); box-shadow: 0 14px 34px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05); }
html[data-theme="dark"] .wnt-contact-map-card h5{ color: #ffffff; }

html[data-theme="dark"] .wnt-contact-why-card{ background: linear-gradient(155deg, #35266b 0%, #170e2b 100%); border: 1px solid rgba(166,133,255,0.4); box-shadow: 0 14px 34px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.05); }
html[data-theme="dark"] .wnt-contact-why-card:hover{ box-shadow: 0 0 28px rgba(106,72,255,0.4); }
html[data-theme="dark"] .wnt-contact-why-icon{ background: linear-gradient(145deg, rgba(106,72,255,0.45), rgba(141,102,255,0.2)); color: #c3b1ff; }
html[data-theme="dark"] .wnt-contact-why-card h5{ color: #ffffff; }
html[data-theme="dark"] .wnt-contact-why-card p{ color: #b7b2c7; }

html[data-theme="dark"] .wnt-contact-process-line{ background: linear-gradient(90deg, transparent, rgba(166,133,255,.5) 15%, rgba(166,133,255,.5) 85%, transparent); }
html[data-theme="dark"] .wnt-contact-process-dot{ background: linear-gradient(150deg, #6A48FF, #2c1a80); color: #fff; box-shadow: 0 0 22px rgba(106,72,255,0.45); }
html[data-theme="dark"] .wnt-contact-process-item h6{ color: #ffffff; }
html[data-theme="dark"] .wnt-contact-process-item p{ color: #b7b2c7; }

html[data-theme="dark"] .wnt-contact-cta{ background: linear-gradient(155deg, #372a6e 0%, #150d28 100%); border: 1px solid rgba(166,133,255,0.5); box-shadow: 0 24px 60px rgba(0,0,0,0.55), inset 0 1px 0 rgba(255,255,255,0.06); }
html[data-theme="dark"] .wnt-contact-cta h2{ color: #ffffff; }
html[data-theme="dark"] .wnt-contact-cta p{ color: #c2bdd6; }
html[data-theme="dark"] .wnt-contact-cta .btn-light-cta{ background: linear-gradient(90deg, #6A48FF, #8D66FF); color: #fff; box-shadow: 0 0 26px rgba(106,72,255,0.45); }
html[data-theme="dark"] .wnt-contact-cta .btn-light-cta:hover{ box-shadow: 0 0 22px rgba(106,72,255,0.35); }
html[data-theme="dark"] .wnt-contact-cta .btn-outline-cta{ background: transparent; color: #ffffff; border: 1px solid rgba(166,133,255,.5); }
html[data-theme="dark"] .wnt-contact-cta .btn-outline-cta:hover{ box-shadow: 0 0 22px rgba(106,72,255,0.35); }

/* ============================================================
   MOBILE (<992px)
   ============================================================ */
@media (max-width: 991.98px){
    .wnt-contact-hero{ padding: 40px 0 32px; }
    .wnt-contact-hero-title{ font-size: 1.7rem; }
    .wnt-contact-hero-desc{ font-size: .92rem; }

    .wnt-contact-section{ padding: 32px 0; }
    .wnt-contact-h2{ font-size: 1.55rem; }
    .wnt-contact-center{ margin-bottom: 30px; }

    .wnt-contact-form-card{ padding: 26px 22px; }
    .wnt-contact-quick{ grid-template-columns: 1fr 1fr; }

    .wnt-contact-why{ grid-template-columns: repeat(2, 1fr); }
    .wnt-contact-process{ grid-template-columns: 1fr; gap: 22px; }
    .wnt-contact-process-line{ display: none; }

    .wnt-contact-cta{ padding: 34px 20px; }
    .wnt-contact-cta h2{ font-size: 1.4rem; }
}

@media (prefers-reduced-motion: reduce){
    .wnt-contact-hero-shape{ animation: none !important; }
}

/* ============================================================
   BASE — shared helpers used across this page's sections
   ============================================================ */
.wnt-about-section{ padding: 64px 0; overflow: hidden; position: relative; transition: background .4s ease, color .3s ease; }
.wnt-about-eyebrow{
    display: inline-flex; align-items: center; gap: 8px;
    font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    padding: 5px 14px; border-radius: 20px; margin-bottom: 14px;
}
.wnt-about-h2{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 2.1rem; line-height: 1.2; margin-bottom: 14px; }
.wnt-about-p{ font-family: 'Inter', sans-serif; font-size: .98rem; line-height: 1.7; margin-bottom: 0; }
.wnt-about-center{ max-width: 640px; margin: 0 auto 44px; text-align: center; }

/* ============================================================
   HERO
   ============================================================ */
.wnt-about-hero{ padding: 64px 0 56px; position: relative; overflow: hidden; }
.wnt-about-hero-crumb{ font-family: 'Inter', sans-serif; font-size: .8rem; font-weight: 600; margin-bottom: 18px; }
.wnt-about-hero-crumb a{ text-decoration: none; }
.wnt-about-hero-title{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 2.6rem; line-height: 1.18; max-width: 780px; margin: 0 auto 18px; }
.wnt-about-hero-desc{ font-family: 'Inter', sans-serif; font-size: 1.02rem; line-height: 1.7; max-width: 640px; margin: 0 auto 40px; }

.wnt-about-stats{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; max-width: 780px; margin: 0 auto; }
.wnt-about-stat{ border-radius: 16px; padding: 20px 12px; text-align: center; }
.wnt-about-stat-num{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 1.7rem; display: block; margin-bottom: 4px; }
.wnt-about-stat-label{ font-family: 'Inter', sans-serif; font-size: .78rem; }

/* floating ambient shapes in hero background */
.wnt-about-hero-shape{ position: absolute; border-radius: 50%; filter: blur(60px); opacity: .35; animation: wntAboutDrift 8s ease-in-out infinite; }
.hs1{ width: 220px; height: 220px; top: -60px; left: 4%; animation-delay: 0s; }
.hs2{ width: 260px; height: 260px; bottom: -100px; right: 6%; animation-delay: 1.2s; animation-duration: 9s; }
@keyframes wntAboutDrift{ 0%,100%{ transform: translateY(0) scale(1); } 50%{ transform: translateY(-18px) scale(1.06); } }

/* ============================================================
   OUR STORY — image + copy
   ============================================================ */
.wnt-about-story-visual{ position: relative; width: 100%; max-width: 420px; height: 380px; margin: 0 auto; }
.wnt-about-story-glow{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 220px; height: 40px; border-radius: 50%; filter: blur(22px); z-index: 1; animation: wntAboutPulse 3s ease-in-out infinite; }
@keyframes wntAboutPulse{ 0%,100%{ opacity: .5; transform: translateX(-50%) scale(1); } 50%{ opacity: .85; transform: translateX(-50%) scale(1.1); } }

.wnt-about-story-ring{ position: absolute; top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%,-50%); z-index: 1; }
.sr-outer{ width: 300px; height: 300px; -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1.5px)); animation: wntAboutRingSpin 14s linear infinite; }
.sr-inner{ width: 250px; height: 250px; -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1.5px)); mask: radial-gradient(farthest-side, transparent calc(100% - 1.5px), #000 calc(100% - 1.5px)); animation: wntAboutRingSpin 9s linear infinite reverse; }
@keyframes wntAboutRingSpin{ from{ transform: translate(-50%,-50%) rotate(0deg); } to{ transform: translate(-50%,-50%) rotate(360deg); } }

.wnt-about-story-imgwrap{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 280px; height: 280px; display: flex; align-items: center; justify-content: center; z-index: 2; }
.wnt-about-story-img{
    max-width: 100%; max-height: 100%; object-fit: contain;
    /* gentle float + limited tilt — NOT a full rotateY(360), which
       flattens a flat image edge-on paper-thin at 90°/270°. */
    animation: wntAboutFloatTilt 6s ease-in-out infinite;
    transform-style: preserve-3d;
}
@keyframes wntAboutFloatTilt{
    0%{ transform: translateY(0) rotateY(-14deg); }
    50%{ transform: translateY(-14px) rotateY(14deg); }
    100%{ transform: translateY(0) rotateY(-14deg); }
}
.wnt-about-story-img.logo-for-light{ display: none; }
html[data-theme="light"] .wnt-about-story-img.logo-for-dark{ display: none; }
html[data-theme="light"] .wnt-about-story-img.logo-for-light{ display: block; }

.wnt-about-story-badge{
    position: absolute; width: 56px; height: 56px; border-radius: 16px;
    display: flex; align-items: center; justify-content: center; font-size: 22px;
    z-index: 3; animation: wntAboutFloat 3.6s ease-in-out infinite;
}
.sb1{ top: 4%; left: 4%; animation-delay: 0s; }
.sb2{ top: 14%; right: 0%; animation-delay: .8s; animation-duration: 4s; }
.sb3{ bottom: 14%; left: 0%; animation-delay: 1.4s; animation-duration: 3.8s; }
.sb4{ bottom: 4%; right: 4%; animation-delay: .4s; animation-duration: 4.2s; }
@keyframes wntAboutFloat{ 0%,100%{ transform: translateY(0) rotate(0deg); } 50%{ transform: translateY(-9px) rotate(-2deg); } }

.wnt-about-story-copy p{ margin-bottom: 16px; }
.wnt-about-story-rule{ display: block; width: 44px; height: 3px; border-radius: 3px; margin-bottom: 20px; }

/* ============================================================
   MISSION & VISION
   ============================================================ */
.wnt-about-mv-card{ border-radius: 18px; padding: 32px 28px; height: 100%; transition: transform .2s ease, background .4s ease, border-color .3s ease; }
.wnt-about-mv-card:hover{ transform: translateY(-4px); }
.wnt-about-mv-icon{ width: 56px; height: 56px; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-size: 24px; margin-bottom: 18px; }
.wnt-about-mv-card h3{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 1.2rem; margin-bottom: 10px; }
.wnt-about-mv-card p{ font-family: 'Inter', sans-serif; font-size: .92rem; line-height: 1.7; margin-bottom: 0; }

/* ============================================================
   CORE VALUES
   ============================================================ */
.wnt-about-values{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.wnt-about-value-card{ border-radius: 16px; padding: 26px 22px; transition: transform .2s ease, background .4s ease, border-color .3s ease; }
.wnt-about-value-card:hover{ transform: translateY(-4px); }
.wnt-about-value-icon{ width: 48px; height: 48px; border-radius: 13px; display: flex; align-items: center; justify-content: center; font-size: 20px; margin-bottom: 14px; }
.wnt-about-value-card h4{ font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: 1rem; margin-bottom: 8px; }
.wnt-about-value-card p{ font-family: 'Inter', sans-serif; font-size: .86rem; line-height: 1.6; margin-bottom: 0; }

/* ============================================================
   WHY CHOOSE US — icon stat strip
   ============================================================ */
.wnt-about-why{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.wnt-about-why-card{ text-align: center; padding: 18px 12px; }
.wnt-about-why-icon{ width: 50px; height: 50px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-size: 21px; margin: 0 auto 12px; }
.wnt-about-why-card h5{ font-family: 'Chakra Petch', sans-serif; font-weight: 600; font-size: .9rem; margin-bottom: 6px; }
.wnt-about-why-card p{ font-family: 'Inter', sans-serif; font-size: .78rem; line-height: 1.5; margin-bottom: 0; }

/* ============================================================
   MILESTONES / JOURNEY TIMELINE
   ============================================================ */
.wnt-about-timeline{ position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.wnt-about-tl-line{ position: absolute; left: 8%; right: 8%; top: 26px; height: 2px; z-index: 0; }
.wnt-about-tl-item{ position: relative; z-index: 1; text-align: center; padding: 0 8px; }
.wnt-about-tl-dot{ width: 52px; height: 52px; border-radius: 50%; margin: 0 auto 16px; display: flex; align-items: center; justify-content: center; font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: .85rem; }
.wnt-about-tl-item h6{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: .92rem; margin-bottom: 6px; }
.wnt-about-tl-item p{ font-family: 'Inter', sans-serif; font-size: .8rem; line-height: 1.5; margin-bottom: 0; }

/* ============================================================
   LEADERSHIP
   ============================================================ */
.wnt-about-lead-card{ border-radius: 18px; padding: 32px 28px; height: 100%; transition: transform .2s ease, background .4s ease, border-color .3s ease; }
.wnt-about-lead-card:hover{ transform: translateY(-4px); }
.wnt-about-lead-top{ display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.wnt-about-lead-avatar{ flex: 0 0 84px; width: 84px; height: 84px; border-radius: 50%; object-fit: cover; }
.wnt-about-lead-role{ font-family: 'Inter', sans-serif; font-size: .74rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px; display: block; }
.wnt-about-lead-name{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 1.15rem; margin-bottom: 6px; }
.wnt-about-lead-meta{ font-family: 'Inter', sans-serif; font-size: .82rem; display: flex; flex-wrap: wrap; gap: 4px 14px; }
.wnt-about-lead-meta a{ text-decoration: none; }
.wnt-about-lead-meta i{ margin-right: 4px; }
.wnt-about-lead-msg{ font-family: 'Inter', sans-serif; font-size: .9rem; line-height: 1.7; margin-bottom: 0; }


.wnt-about-team-banner{ position: relative; height: 460px; overflow: hidden; }
.wnt-about-team-img{
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
    animation: wntAboutKenBurns 16s ease-in-out infinite alternate;
}
@keyframes wntAboutKenBurns{
    0%{ transform: scale(1); }
    100%{ transform: scale(1.1); }
}
.wnt-about-team-overlay{ position: absolute; inset: 0; }
.wnt-about-team-content{ position: relative; z-index: 2; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 20px; }
.wnt-about-team-content .wnt-about-eyebrow{ background: rgba(255,255,255,.15); color: #ffffff; backdrop-filter: blur(6px); }
.wnt-about-team-content h2{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 2rem; color: #ffffff; margin-bottom: 14px; max-width: 640px; }
.wnt-about-team-content p{ font-family: 'Inter', sans-serif; font-size: 1rem; color: rgba(255,255,255,.88); max-width: 560px; margin-bottom: 0; }

/* ============================================================
   CTA BANNER
   ============================================================ */
.wnt-about-cta{ position: relative; overflow: hidden; border-radius: 22px; padding: 48px 32px; text-align: center; background-repeat: no-repeat; background-position: center; }
.wnt-about-cta h2{ font-family: 'Chakra Petch', sans-serif; font-weight: 700; font-size: 1.9rem; margin-bottom: 12px; }
.wnt-about-cta p{ font-family: 'Inter', sans-serif; font-size: .98rem; margin-bottom: 26px; }
.wnt-about-cta .btn{ display: inline-flex; align-items: center; gap: 8px; font-weight: 600; padding: 12px 26px; border-radius: 30px; transition: transform .2s ease; }
.wnt-about-cta .btn:hover{ transform: translateY(-2px); }

/* ============================================================
   LIGHT THEME
   ============================================================ */
html[data-theme="light"] .wnt-about-hero{ background: linear-gradient(160deg, #F7F7FA 0%, #EDE7FF 55%, #F7F7FA 100%); color: #14121f; }
html[data-theme="light"] .wnt-about-hero-crumb, html[data-theme="light"] .wnt-about-hero-crumb a{ color: #5c5968; }
html[data-theme="light"] .wnt-about-hero-crumb a:hover{ color: #4B2CFF; }
html[data-theme="light"] .wnt-about-hero-title{ color: #14121f; }
html[data-theme="light"] .wnt-about-hero-desc{ color: #5c5968; }
html[data-theme="light"] .wnt-about-hero-shape{ background: radial-gradient(circle, #8D66FF, transparent 70%); }
html[data-theme="light"] .wnt-about-stat{ background: linear-gradient(155deg, #FFFFFF 0%, #EEE7FF 100%); border: 1px solid #DED4FA; box-shadow: 0 8px 22px rgba(75,44,255,0.08); }
html[data-theme="light"] .wnt-about-stat-num{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="light"] .wnt-about-stat-label{ color: #6b6878; }

html[data-theme="light"] .wnt-about-section{ background: linear-gradient(165deg, #ffffff 0%, #F3EEFF 45%, #ffffff 100%); color: #14121f; }
html[data-theme="light"] .wnt-about-eyebrow{ background: #EFEAFD; color: #4B2CFF; }
html[data-theme="light"] .wnt-about-h2{ color: #14121f; }
html[data-theme="light"] .wnt-about-h2 .text-accent{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="light"] .wnt-about-p{ color: #5c5968; }

html[data-theme="light"] .wnt-about-story-glow{ background: radial-gradient(circle, rgba(75,44,255,0.45) 0%, transparent 70%); }
html[data-theme="light"] .sr-outer{ background: conic-gradient(from 0deg, transparent 0deg, #6A48FF 60deg, transparent 140deg, transparent 220deg, #8D66FF 300deg, transparent 360deg); opacity: .55; }
html[data-theme="light"] .sr-inner{ background: conic-gradient(from 180deg, transparent 0deg, #4B2CFF 90deg, transparent 180deg); opacity: .4; }
html[data-theme="light"] .wnt-about-story-badge{ background: #FFFFFF; border: 1px solid #E3DEF7; color: #4B2CFF; box-shadow: 0 10px 22px rgba(75,44,255,0.14); }
html[data-theme="light"] .wnt-about-story-rule{ background: linear-gradient(90deg, #4B2CFF, #8D66FF); }

html[data-theme="light"] .wnt-about-mv-card{ background: linear-gradient(155deg, #FFFFFF 0%, #EEE7FF 100%); border: 1px solid #DED4FA; }
html[data-theme="light"] .wnt-about-mv-icon{ background: linear-gradient(145deg, #E9E1FF, #D3C2FF); color: #4B2CFF; }
html[data-theme="light"] .wnt-about-mv-card h3{ color: #14121f; }
html[data-theme="light"] .wnt-about-mv-card p{ color: #6b6878; }

html[data-theme="light"] .wnt-about-lead-card{ background: linear-gradient(155deg, #FFFFFF 0%, #EEE7FF 100%); border: 1px solid #DED4FA; }
html[data-theme="light"] .wnt-about-lead-avatar{ border: 3px solid #EFEAFD; box-shadow: 0 6px 16px rgba(75,44,255,0.18); }
html[data-theme="light"] .wnt-about-lead-role{ color: #4B2CFF; }
html[data-theme="light"] .wnt-about-lead-name{ color: #14121f; }
html[data-theme="light"] .wnt-about-lead-meta{ color: #6b6878; }
html[data-theme="light"] .wnt-about-lead-meta a{ color: #4B2CFF; }
html[data-theme="light"] .wnt-about-lead-msg{ color: #6b6878; }

html[data-theme="light"] .wnt-about-value-card{ background: #faf9fd; border: 1px solid #eceaf4; }
html[data-theme="light"] .wnt-about-value-icon{ background: #efeafd; color: #4B2CFF; }
html[data-theme="light"] .wnt-about-value-card h4{ color: #14121f; }
html[data-theme="light"] .wnt-about-value-card p{ color: #6b6878; }

html[data-theme="light"] .wnt-about-why-icon{ background: linear-gradient(145deg, #E9E1FF, #D3C2FF); color: #4B2CFF; }
html[data-theme="light"] .wnt-about-why-card h5{ color: #14121f; }
html[data-theme="light"] .wnt-about-why-card p{ color: #6b6878; }

html[data-theme="light"] .wnt-about-tl-line{ background: linear-gradient(90deg, transparent, #B9A6FF 15%, #B9A6FF 85%, transparent); }
html[data-theme="light"] .wnt-about-tl-dot{ background: linear-gradient(150deg, #6A48FF, #4B2CFF); color: #fff; box-shadow: 0 10px 22px rgba(75,44,255,0.28); }
html[data-theme="light"] .wnt-about-tl-item h6{ color: #14121f; }
html[data-theme="light"] .wnt-about-tl-item p{ color: #6b6878; }

html[data-theme="light"] .wnt-about-team-overlay{ background: linear-gradient(180deg, rgba(11,13,23,.35) 0%, rgba(75,44,255,.55) 60%, rgba(11,13,23,.75) 100%); }

html[data-theme="light"] .wnt-about-cta{
    background-color: #F8F6FF;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300'%3E%3Cg fill='none' stroke='%236A48FF' stroke-opacity='0.14' stroke-width='1.5'%3E%3Cpath d='M0,150 C150,50 250,250 400,150 C550,50 650,250 800,150'/%3E%3Cpath d='M0,190 C150,90 250,290 400,190 C550,90 650,290 800,190'/%3E%3Cpath d='M0,110 C150,10 250,210 400,110 C550,10 650,210 800,110'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 12% 25%, rgba(75,44,255,0.14) 0%, transparent 60%),
        linear-gradient(135deg, #F7F5FF 0%, #ECE4FF 55%, #F8F6FF 100%);
    background-size: cover, cover, 100% 100%, 100% 100%;
    border: 1px solid #E3DEF7;
}
html[data-theme="light"] .wnt-about-cta h2{ color: #14121f; }
html[data-theme="light"] .wnt-about-cta p{ color: #5c5968; }
html[data-theme="light"] .wnt-about-cta .btn-light-cta{ background: linear-gradient(90deg, #4B2CFF, #6A48FF); color: #ffffff; box-shadow: 0 8px 20px rgba(75,44,255,0.3); }
html[data-theme="light"] .wnt-about-cta .btn-outline-cta{ background: transparent; color: #4B2CFF; border: 1px solid rgba(75,44,255,.4); }

/* ============================================================
   DARK THEME
   ============================================================ */
html[data-theme="dark"] .wnt-about-hero{
    background:
        radial-gradient(120% 100% at 12% -10%, rgba(106,72,255,0.4) 0%, rgba(11,13,23,0) 60%),
        radial-gradient(120% 100% at 90% 105%, rgba(141,102,255,0.32) 0%, rgba(11,13,23,0) 60%),
        linear-gradient(180deg, #1a1030 0%, #150c29 50%, #1c1140 100%);
    color: #ffffff;
}
html[data-theme="dark"] .wnt-about-hero-crumb, html[data-theme="dark"] .wnt-about-hero-crumb a{ color: #b7b2c7; }
html[data-theme="dark"] .wnt-about-hero-crumb a:hover{ color: #a685ff; }
html[data-theme="dark"] .wnt-about-hero-title{ color: #ffffff; }
html[data-theme="dark"] .wnt-about-hero-desc{ color: #c2bdd6; }
html[data-theme="dark"] .wnt-about-hero-shape{ background: radial-gradient(circle, #6A48FF, transparent 70%); }
html[data-theme="dark"] .wnt-about-stat{ background: linear-gradient(155deg, #2a1e4d 0%, #180f2c 100%); border: 1px solid rgba(166,133,255,0.35); box-shadow: 0 8px 22px rgba(0,0,0,0.4); }
html[data-theme="dark"] .wnt-about-stat-num{ background: linear-gradient(90deg, #6A48FF, #8D66FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="dark"] .wnt-about-stat-label{ color: #b7b2c7; }

html[data-theme="dark"] .wnt-about-section{
    background:
        radial-gradient(120% 100% at 8% -10%, rgba(106,72,255,0.32) 0%, rgba(11,13,23,0) 60%),
        radial-gradient(120% 100% at 95% 105%, rgba(141,102,255,0.26) 0%, rgba(11,13,23,0) 60%),
        linear-gradient(165deg, #150c29 0%, #1a1130 50%, #150c29 100%);
    color: #ffffff;
}
html[data-theme="dark"] .wnt-about-eyebrow{ background: rgba(141,102,255,0.15); color: #c3b1ff; }
html[data-theme="dark"] .wnt-about-h2{ color: #ffffff; }
html[data-theme="dark"] .wnt-about-h2 .text-accent{ background: linear-gradient(90deg, #6A48FF, #8D66FF); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-theme="dark"] .wnt-about-p{ color: #c2bdd6; }

html[data-theme="dark"] .wnt-about-story-glow{ background: radial-gradient(circle, rgba(141,102,255,0.55) 0%, transparent 70%); }
html[data-theme="dark"] .sr-outer{ background: conic-gradient(from 0deg, transparent 0deg, #6A48FF 60deg, transparent 140deg, transparent 220deg, #8D66FF 300deg, transparent 360deg); opacity: .8; }
html[data-theme="dark"] .sr-inner{ background: conic-gradient(from 180deg, transparent 0deg, #4B2CFF 90deg, transparent 180deg); opacity: .6; }
html[data-theme="dark"] .wnt-about-story-badge{ background: linear-gradient(160deg, #2b1f4d 0%, #17102b 100%); border: 1px solid rgba(166,133,255,0.5); color: #c9b8ff; box-shadow: 0 8px 20px rgba(0,0,0,0.5), 0 0 18px rgba(141,102,255,0.35); }
html[data-theme="dark"] .wnt-about-story-rule{ background: linear-gradient(90deg, #6A48FF, #8D66FF); }

html[data-theme="dark"] .wnt-about-mv-card{ background: linear-gradient(155deg, #2a1e4d 0%, #180f2c 100%); border: 1px solid rgba(166,133,255,0.35); }
html[data-theme="dark"] .wnt-about-mv-icon{ background: linear-gradient(145deg, rgba(106,72,255,0.45), rgba(141,102,255,0.2)); color: #c3b1ff; }
html[data-theme="dark"] .wnt-about-mv-card h3{ color: #ffffff; }
html[data-theme="dark"] .wnt-about-mv-card p{ color: #c2bdd6; }

html[data-theme="dark"] .wnt-about-lead-card{ background: linear-gradient(155deg, #2a1e4d 0%, #180f2c 100%); border: 1px solid rgba(166,133,255,0.35); }
html[data-theme="dark"] .wnt-about-lead-avatar{ border: 3px solid rgba(166,133,255,0.35); box-shadow: 0 0 18px rgba(106,72,255,0.35); }
html[data-theme="dark"] .wnt-about-lead-role{ color: #a685ff; }
html[data-theme="dark"] .wnt-about-lead-name{ color: #ffffff; }
html[data-theme="dark"] .wnt-about-lead-meta{ color: #b7b2c7; }
html[data-theme="dark"] .wnt-about-lead-meta a{ color: #c3b1ff; }
html[data-theme="dark"] .wnt-about-lead-msg{ color: #c2bdd6; }

html[data-theme="dark"] .wnt-about-value-card{ background: rgba(255,255,255,0.03); border: 1px solid rgba(141,102,255,0.18); }
html[data-theme="dark"] .wnt-about-value-icon{ background: rgba(141,102,255,0.15); color: #c3b1ff; }
html[data-theme="dark"] .wnt-about-value-card h4{ color: #ffffff; }
html[data-theme="dark"] .wnt-about-value-card p{ color: #b7b2c7; }

html[data-theme="dark"] .wnt-about-why-icon{ background: linear-gradient(145deg, rgba(106,72,255,0.45), rgba(141,102,255,0.2)); color: #c3b1ff; }
html[data-theme="dark"] .wnt-about-why-card h5{ color: #ffffff; }
html[data-theme="dark"] .wnt-about-why-card p{ color: #b7b2c7; }

html[data-theme="dark"] .wnt-about-tl-line{ background: linear-gradient(90deg, transparent, rgba(166,133,255,.5) 15%, rgba(166,133,255,.5) 85%, transparent); }
html[data-theme="dark"] .wnt-about-tl-dot{ background: linear-gradient(150deg, #6A48FF, #2c1a80); color: #fff; box-shadow: 0 0 22px rgba(106,72,255,0.45); }
html[data-theme="dark"] .wnt-about-tl-item h6{ color: #ffffff; }
html[data-theme="dark"] .wnt-about-tl-item p{ color: #b7b2c7; }

html[data-theme="dark"] .wnt-about-team-overlay{ background: linear-gradient(180deg, rgba(11,13,23,.4) 0%, rgba(43,31,77,.7) 55%, rgba(11,13,23,.92) 100%); }

html[data-theme="dark"] .wnt-about-cta{
    background-color: #0c0818;
    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 300'%3E%3Cg fill='none' stroke='white' stroke-opacity='0.12' stroke-width='1.5'%3E%3Cpath d='M0,150 C150,50 250,250 400,150 C550,50 650,250 800,150'/%3E%3Cpath d='M0,190 C150,90 250,290 400,190 C550,90 650,290 800,190'/%3E%3Cpath d='M0,110 C150,10 250,210 400,110 C550,10 650,210 800,110'/%3E%3C/g%3E%3C/svg%3E"),
        radial-gradient(circle at 12% 25%, rgba(141,102,255,0.28) 0%, transparent 60%),
        linear-gradient(135deg, #0c0818 0%, #1c1140 55%, #0c0818 100%);
    background-size: cover, cover, 100% 100%, 100% 100%;
    border: 1px solid rgba(166,133,255,0.3);
}
html[data-theme="dark"] .wnt-about-cta h2{ color: #ffffff; }
html[data-theme="dark"] .wnt-about-cta p{ color: #c2bdd6; }
html[data-theme="dark"] .wnt-about-cta .btn-light-cta{ background: linear-gradient(90deg, #6A48FF, #8D66FF); color: #fff; box-shadow: 0 8px 20px rgba(106,72,255,0.4); }
html[data-theme="dark"] .wnt-about-cta .btn-outline-cta{ background: transparent; color: #ffffff; border: 1px solid rgba(166,133,255,.5); }

/* ============================================================
   MOBILE (<992px)
   ============================================================ */
@media (max-width: 991.98px){
    .wnt-about-hero{ padding: 40px 0 36px; }
    .wnt-about-hero-title{ font-size: 1.7rem; }
    .wnt-about-hero-desc{ font-size: .92rem; }
    .wnt-about-stats{ grid-template-columns: repeat(2, 1fr); }

    .wnt-about-section{ padding: 40px 0; }
    .wnt-about-h2{ font-size: 1.55rem; }
    .wnt-about-center{ margin-bottom: 30px; }

    .wnt-about-story-visual{ height: 280px; margin-bottom: 24px; }
    .sr-outer{ width: 210px; height: 210px; }
    .sr-inner{ width: 175px; height: 175px; }
    .wnt-about-story-imgwrap{ width: 190px; height: 190px; }
    .wnt-about-story-badge{ width: 42px; height: 42px; font-size: 17px; border-radius: 12px; }

    .wnt-about-values{ grid-template-columns: 1fr; }
    .wnt-about-why{ grid-template-columns: repeat(2, 1fr); }
    .wnt-about-timeline{ grid-template-columns: 1fr; gap: 22px; }
    .wnt-about-tl-line{ display: none; }

    .wnt-about-cta{ padding: 34px 20px; }
    .wnt-about-cta h2{ font-size: 1.4rem; }

    .wnt-about-team-banner{ height: 320px; }
    .wnt-about-team-content h2{ font-size: 1.4rem; }
    .wnt-about-team-content p{ font-size: .88rem; }
}

@media (prefers-reduced-motion: reduce){
    .wnt-about-story-img, .wnt-about-story-glow, .wnt-about-story-badge, .sr-outer, .sr-inner, .wnt-about-hero-shape, .wnt-about-team-img{ animation: none !important; }
}

/* ============================================================
   Announcement bar — theme-aware surfaces
   ============================================================ */
.wnt-ab {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--wnt-nav-border);
}

html[data-theme=light] .wnt-ab {
    background: linear-gradient(100deg, #F6F3FF 0%, #E9E2FF 46%, #F7F5FF 100%);
}

html[data-theme=dark] .wnt-ab {
    background: linear-gradient(100deg, #0B0D17 0%, #1B1340 46%, #0E1024 100%);
}

/* thin gradient hairlines top + bottom — rendered at 2px then scaled
   down to half, which keeps them crisp on high-DPI screens instead of
   the blurry, thicker-looking line a plain 1px background can produce */
.wnt-ab::before,
.wnt-ab::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    opacity: .4;
    background: linear-gradient(90deg,
        var(--wnt-primary-purple),
        var(--wnt-soft-lavender) 45%,
        var(--wnt-secondary-violet));
}

.wnt-ab::before { top: 0;    transform: scaleY(.3); transform-origin: top; }
.wnt-ab::after  { bottom: 0; transform: scaleY(.3); transform-origin: bottom; }

/* soft lavender bloom behind the content */
.wnt-ab-aura {
    position: absolute;
    top: -90px;
    left: 30%;
    width: 260px;
    height: 160px;
    border-radius: 50%;
    background: var(--wnt-soft-lavender);
    filter: blur(60px);
    opacity: .20;
    pointer-events: none;
}

html[data-theme=light] .wnt-ab-aura { opacity: .26; }

.wnt-ab-inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 6px 14px;
}

/* Align the left icon+date with the navbar logo below (logo sits at
   container padding + its own 25px margin-left; this only applies at
   the lg breakpoint and up, where the mobile layout doesn't need it). */
@media (min-width: 992px) {
    .wnt-ab-inner { padding-left: 47px; }
}

/* ---------- fixed left side: icon + date ---------- */
.wnt-ab-badge {
    position: relative;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--wnt-gradient-primary);
    color: #fff;
    font-size: 10px;
    box-shadow: 0 3px 10px -3px rgba(75, 44, 255, .55);
}

.wnt-ab-badge i {
    position: relative;
    z-index: 1;
    animation: wntAbBadgeIcon 2.4s ease-in-out infinite;
}

.wnt-ab-badge-ring {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--wnt-primary-purple);
    animation: wntAbBadgePing 2.4s ease-out infinite;
}

@keyframes wntAbBadgePing {
    0%   { transform: scale(1);   opacity: .55; }
    100% { transform: scale(1.9); opacity: 0;   }
}

@keyframes wntAbBadgeIcon {
    0%, 100% { transform: scale(1); }
    50%      { transform: scale(1.15); }
}

.wnt-ab-date {
    flex-shrink: 0;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--wnt-accent-text);
    font-variant-numeric: tabular-nums;
}

.wnt-ab-sep {
    flex-shrink: 0;
    width: 1px;
    height: 16px;
    background: var(--wnt-nav-border);
}

/* ---------- scrolling ticker ---------- */
.wnt-ab-ticker {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
}

.wnt-ab-track {
    display: flex;
    align-items: center;
    width: max-content;
    white-space: nowrap;
    will-change: transform;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
}

.wnt-ab-titem {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: var(--wnt-text);
}

.wnt-ab-msg {
    font-family: Inter, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: var(--wnt-text);
    transition: color .18s;
}

.wnt-ab-titem i {
    font-size: 11px;
    color: var(--wnt-accent-text);
    transition: transform .18s;
}

.wnt-ab-titem:hover .wnt-ab-msg { color: var(--wnt-accent-text); }
.wnt-ab-titem:hover i { transform: translateX(3px); }

.wnt-ab-divider {
    flex-shrink: 0;
    width: 1px;
    height: 13px;
    margin: 0 14px;
    background: var(--wnt-nav-border);
}

/* ---------- close ---------- */
.wnt-ab-close {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--wnt-text-muted);
    font-size: 11px;
    cursor: pointer;
    transition: color .15s, background-color .15s;
}

.wnt-ab-close:hover {
    color: var(--wnt-accent-text);
    background: var(--wnt-nav-surface-hover);
}

.wnt-ab-close:focus-visible,
.wnt-ab-titem:focus-visible {
    outline: 2px solid var(--wnt-accent-text);
    outline-offset: 2px;
}

.wnt-ab.is-closed { display: none; }

/* ============================================================
   Tablet / mobile — left icon + date stay put, ticker keeps scrolling
   ============================================================ */
@media (max-width: 767.98px) {
    .wnt-ab-inner { gap: 6px; padding: 5px 10px; min-height: 31px; }

    .wnt-ab-badge { width: 17px; height: 17px; font-size: 9px; }
    .wnt-ab-date  { font-size: 11px; }
    .wnt-ab-sep   { height: 12px; }

    .wnt-ab-msg     { font-size: 11px; }
    .wnt-ab-titem i { font-size: 10px; }
    .wnt-ab-divider { margin: 0 10px; height: 11px; }

    .wnt-ab-close {
        width: 20px;
        height: 20px;
        font-size: 10px;
        flex-shrink: 0;
        margin-left: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wnt-ab-badge-ring,
    .wnt-ab-badge i { animation: none; }
}

/* ===== Webnestech Footer — brand kit colors + subtle gradient ===== */
.wnt-footer {
  --wnt-purple: #4B2CFF;
  --wnt-violet: #6A48FF;
  --wnt-lavender: #8D66FF;
  --wnt-gray: #CCCCCC;
  --wnt-ink: #0B0D17;
  --wnt-offwhite: #F7F7FA;

  background: linear-gradient(180deg, #ffffff 0%, #f3efff 60%, #eae2ff 100%);
  color: #4b4b57;
  border-top: 1px solid rgba(75, 44, 255, .12);
}
[data-theme="dark"] .wnt-footer {
  background:
    radial-gradient(120% 160% at 8% -10%, rgba(75, 44, 255, .35) 0%, rgba(75, 44, 255, 0) 45%),
    radial-gradient(100% 140% at 95% 110%, rgba(141, 102, 255, .3) 0%, rgba(141, 102, 255, 0) 50%),
    linear-gradient(180deg, #0b0d17 0%, #150f30 55%, #211448 100%);
  color: var(--wnt-gray);
  border-top: 1px solid rgba(141, 102, 255, .25);
}

.fm-chakra { font-family: 'Chakra Petch', sans-serif; }
.fm-inter { font-family: 'Inter', sans-serif; }

/* Bigger icon, smaller wordmark — explicit theme colors instead of
   inheriting the muted body text color, so it stays crisp black/white. */
.wnt-footer-icon { width: 78px; height: 78px; object-fit: contain; }
.wnt-footer .icon-for-dark { display: none; }
.wnt-footer .icon-for-light { display: inline-block; }
[data-theme="dark"] .wnt-footer .icon-for-dark { display: inline-block; }
[data-theme="dark"] .wnt-footer .icon-for-light { display: none; }

/* Brand block (logo+title) pulled up so it lines up with the
   "COMPANY" column heading next to it. */
.wnt-footer-brand { margin-top: -24px; }

.wnt-footer-title { font-size: 15px; letter-spacing: .5px; color: #12121a; margin-bottom: 1px; }
[data-theme="dark"] .wnt-footer-title { color: #ffffff; }

/* Tagline now follows the same black/white theme rule as the wordmark,
   instead of the fixed lavender it had before. */
.wnt-footer-tagline { font-size: 9px; letter-spacing: 1.8px; color: #12121a; font-weight: 600; margin-top: 1px; }
[data-theme="dark"] .wnt-footer-tagline { color: #ffffff; }

.wnt-footer-desc { font-size: 16px; line-height: 1.6; opacity: .8; max-width: 320px; }

.wnt-footer-social a {
  width: 34px; height: 34px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(141, 102, 255, .12); color: var(--wnt-violet);
  text-decoration: none; transition: background .2s, color .2s;
}
[data-theme="dark"] .wnt-footer-social a { background: rgba(141, 102, 255, .15); color: var(--wnt-lavender); }
.wnt-footer-social a:hover { background: var(--wnt-purple); color: #fff; }

.wnt-footer-heading {
  font-size: 13px; font-weight: 700; letter-spacing: 1px;
  color: var(--wnt-violet); margin-bottom: 14px;
}
[data-theme="dark"] .wnt-footer-heading { color: var(--wnt-lavender); }

.wnt-footer-links li { margin-bottom: 6px; }
.wnt-footer-links a {
  font-size: 14px; text-decoration: none; color: inherit; opacity: .85;
  display: inline-block;
  transition: color .2s ease, opacity .2s ease, transform .2s ease;
}
.wnt-footer-links a:hover {
  color: var(--wnt-purple); opacity: 1; transform: translateX(3px);
}
[data-theme="dark"] .wnt-footer-links a:hover { color: var(--wnt-lavender); }

/* Mobile accordion — vanilla JS driven, see script above */
.wnt-acc-item { border-bottom: 1px solid rgba(141, 102, 255, .15); }
.wnt-acc-btn {
  width: 100%; background: transparent; border: none; color: inherit;
  font-size: 13px; font-weight: 700; letter-spacing: 1px;
  padding: 14px 0; display: flex; align-items: center; justify-content: space-between;
}
.wnt-acc-btn[aria-expanded="true"] { color: var(--wnt-purple); }
[data-theme="dark"] .wnt-acc-btn[aria-expanded="true"] { color: var(--wnt-lavender); }
.wnt-acc-chevron { transition: transform .2s ease; }
.wnt-acc-btn[aria-expanded="true"] .wnt-acc-chevron { transform: rotate(180deg); }
.wnt-acc-panel { max-height: 0; overflow: hidden; transition: max-height .25s ease; }

/* Newsletter */
.wnt-newsletter-input {
  background: rgba(141, 102, 255, .06); border: 1px solid rgba(141, 102, 255, .25);
  color: inherit; font-size: 14px;
}
.wnt-newsletter-input::placeholder { color: inherit; opacity: .6; }
.wnt-newsletter-input:focus {
  background: rgba(141, 102, 255, .06); color: inherit;
  border-color: var(--wnt-purple); box-shadow: 0 0 0 .2rem rgba(75, 44, 255, .15);
}
.wnt-newsletter-btn {
  background: var(--wnt-purple); color: #fff; border: 1px solid var(--wnt-purple);
  padding-left: 16px; padding-right: 16px;
}
.wnt-newsletter-btn:hover { background: var(--wnt-violet); border-color: var(--wnt-violet); color: #fff; }
.wnt-footer-nospam { font-size: 12px; opacity: .75; }
.wnt-footer-nospam i { color: var(--wnt-lavender); }

/* Quick contact block under the newsletter */
.wnt-footer-contact li {
  display: flex; align-items: center; gap: 10px;
  font-size: 13px; margin-bottom: 10px; opacity: .85;
}
.wnt-footer-contact i { color: var(--wnt-violet); width: 16px; text-align: center; }
[data-theme="dark"] .wnt-footer-contact i { color: var(--wnt-lavender); }
.wnt-footer-contact a { color: inherit; text-decoration: none; }
.wnt-footer-contact a:hover { color: var(--wnt-purple); }
[data-theme="dark"] .wnt-footer-contact a:hover { color: var(--wnt-lavender); }

.wnt-footer-divider { border-color: rgba(141, 102, 255, .18); margin: 0; }

.wnt-footer-copy, .wnt-footer-copy a { font-size: 13px; color: inherit; opacity: .8; text-decoration: none; }
.wnt-footer-copy-link { color: var(--wnt-violet) !important; font-weight: 600; opacity: 1 !important; }

/* Office location cards */
.wnt-location-card {
  background: rgba(141, 102, 255, .06);
  border: 1px solid rgba(141, 102, 255, .18);
  border-radius: 12px; padding: 16px; height: 100%;
}
[data-theme="dark"] .wnt-location-card {
  background: rgba(141, 102, 255, .08);
  border: 1px solid rgba(141, 102, 255, .35);
}
.wnt-location-badge {
  flex: 0 0 auto; width: 42px; height: 42px; border-radius: 10px;
  background: var(--wnt-purple); color: #fff; font-weight: 700; font-size: 12px;
  display: flex; align-items: center; justify-content: center;
}
.wnt-location-country { font-size: 14px; margin-bottom: 2px; }
.wnt-location-address { font-size: 13px; opacity: .75; margin-bottom: 6px; }
.wnt-location-phone { font-size: 13px; color: var(--wnt-violet); text-decoration: none; font-weight: 600; }
[data-theme="dark"] .wnt-location-phone { color: var(--wnt-lavender); }
.wnt-location-phone:hover { text-decoration: underline; }

/* ==========================================================
       Featured Services - home page carousel (SEO Enhanced)
       ========================================================== */

    .wnt-fs-section{ padding:12px 0 32px; position:relative; }
    [data-theme="dark"] .wnt-fs-section{
        background:
            radial-gradient(circle at 85% 10%, rgba(141,102,255,.10), transparent 55%),
            radial-gradient(circle at 10% 90%, rgba(75,44,255,.10), transparent 55%);
    }

    .wnt-fs-section .wnt-contact-center{ margin-bottom:0; padding-top:0; padding-bottom:0; }
    .wnt-fs-section .wnt-contact-h2{ margin-bottom:8px; }
    .wnt-fs-section .wnt-contact-p{ margin-bottom:0; max-width: 680px; margin-left: auto; margin-right: auto; }
    .wnt-fs-carousel-wrapper{ margin-top:6px; }

    .wnt-fs-viewport{
        overflow-x:auto;
        scroll-behavior:smooth;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .wnt-fs-viewport::-webkit-scrollbar{ display:none; }

    .wnt-fs-track{
        display:flex;
        gap:24px;
        padding:12px 4px 40px;
    }

    .wnt-fs-slide{
        flex:0 0 auto;
        scroll-snap-align:start;
        display:flex; 
    }
    .wnt-fs-slide > *{ width:100%; }
    .wnt-card-seo-wrapper{ width:100%; height:100%; }

    .wnt-fs-section .service-card-new{ transition:transform .2s ease, box-shadow .2s ease; }
    .wnt-fs-section .service-card-new:hover{
        transform:translateY(-5px);
        box-shadow:0 18px 36px rgba(75,44,255,.2);
    }

    .wnt-fs-arrow{
        position:absolute; top:45%; transform:translateY(-50%);
        width:36px; height:36px; border-radius:50%; border:1px solid rgba(11,13,23,.08);
        display:flex; align-items:center; justify-content:center;
        background:#fff; color:#4B2CFF; font-size:.95rem;
        box-shadow:0 8px 18px rgba(11,13,23,.14);
        cursor:pointer; z-index:5; transition:background .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
    }
    [data-theme="dark"] .wnt-fs-arrow{
        background:#12141F; border-color:rgba(247,247,250,.1); color:#C9B8FF;
        box-shadow:0 8px 18px rgba(0,0,0,.4);
    }
    .wnt-fs-arrow:hover{
        background:linear-gradient(135deg,#4B2CFF,#8D66FF); color:#fff; border-color:transparent;
        box-shadow:0 10px 24px rgba(75,44,255,.35);
        transform:translateY(-50%) scale(1.06);
    }
    .wnt-fs-arrow.wnt-fs-prev{ left:-18px; }
    .wnt-fs-arrow.wnt-fs-next{ right:-18px; }
    .wnt-fs-arrow.wnt-fs-disabled{ opacity:.45; cursor:default; }
    .wnt-fs-arrow.wnt-fs-disabled:hover{
        background:#fff; color:#4B2CFF; border-color:rgba(11,13,23,.08);
        box-shadow:0 8px 18px rgba(11,13,23,.14);
        transform:translateY(-50%);
    }
    [data-theme="dark"] .wnt-fs-arrow.wnt-fs-disabled:hover{
        background:#12141F; color:#C9B8FF; border-color:rgba(247,247,250,.1);
        box-shadow:0 8px 18px rgba(0,0,0,.4);
    }

    @media (max-width:576px){
        .wnt-fs-arrow{ width:30px; height:30px; font-size:.85rem; }
        .wnt-fs-arrow.wnt-fs-prev{ left:-15px; }
        .wnt-fs-arrow.wnt-fs-next{ right:-15px; }
    }
      /* Service Details Core Styles */
    .pd-breadcrumb{ position:relative; z-index:1; font-size:.85rem; opacity:.65; margin:0 0 16px; }
    .pd-breadcrumb a{ color:#4B2CFF; text-decoration:none; }
    [data-theme="dark"] .pd-breadcrumb a{ color:#8D66FF; }

    .pd-hero{ position:relative; padding:22px 0 10px; overflow:hidden; }
    .pd-hero::before{
        content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
        background: linear-gradient(160deg, rgba(75,44,255,.07), rgba(141,102,255,.04) 45%, transparent 85%);
    }
    [data-theme="dark"] .pd-hero::before{
        background: linear-gradient(160deg, rgba(75,44,255,.20), rgba(141,102,255,.09) 45%, transparent 85%);
    }
    .pd-hero .container{ position:relative; z-index:1; }

    /* Floating "Edit Service" FAB */
    .pd-edit-fab{
        position:fixed; left:20px; bottom:20px; z-index:1040; display:inline-flex; align-items:center; gap:8px;
        background:#4B2CFF; color:#fff; padding:10px 18px; border-radius:999px; font-size:.85rem; font-weight:600;
        text-decoration:none; box-shadow:0 10px 24px rgba(75,44,255,.35); transition:transform .15s ease, box-shadow .15s ease;
    }
    .pd-edit-fab:hover{ transform:translateY(-2px); box-shadow:0 14px 30px rgba(75,44,255,.45); color:#fff; }
    [data-theme="dark"] .pd-edit-fab{ background:#8D66FF; box-shadow:0 10px 24px rgba(141,102,255,.35); }

    /* Hero layout & grid */
    .pd-hero-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:40px; align-items:center; }
    @media (max-width:991px){ .pd-hero-grid{ grid-template-columns:1fr; gap:8px; } }

    .pd-hero-title{ font-size:clamp(1.9rem,3.4vw,2.6rem); font-weight:800; line-height:1.15; margin-bottom:14px; text-align:left; }
    .pd-hero-desc{ font-size:1.02rem; line-height:1.7; opacity:.75; max-width:640px; margin:0 0 14px; text-align:left; }
    .pd-hero-tags{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
    .pd-rating-row{ display:flex; align-items:center; gap:8px; margin-bottom:2px; }

    .pd-hero-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:20px; align-items:center; }
    .pd-hero-cta .btn{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
    [data-theme="dark"] .pd-hero-cta .btn-wnt-outline{
        border-color: rgba(184,163,255,.65) !important;
        color: #D9CFFF !important;
        background: rgba(141,102,255,.06) !important;
    }
    [data-theme="dark"] .pd-hero-cta .btn-wnt-outline:hover{
        background: rgba(141,102,255,.18) !important;
        color: #fff !important;
    }
    .pd-slots-note{ font-size:.85rem; opacity:.7; margin-top:10px; }

    /* Interactive Icon Stage */
    .pd-hero-stage{ position:relative; height:380px; display:flex; align-items:center; justify-content:center; }
    @media (max-width:991px){ .pd-hero-stage{ height:260px; margin-top:6px; } }
    @media (max-width:575px){ .pd-hero-stage{ height:220px; } }

    .pd-hero-ring{ position:absolute; border-radius:50%; border:1.5px dashed rgba(75,44,255,.25); z-index:1; }
    .pd-hero-ring.ring-outer{ width:330px; height:330px; animation: pdSpin 40s linear infinite; }
    .pd-hero-ring.ring-inner{ width:230px; height:230px; border-color:rgba(141,102,255,.3); animation: pdSpinRev 30s linear infinite; }
    [data-theme="dark"] .pd-hero-ring{ border-color:rgba(141,102,255,.5); }
    @media (max-width:991px){ .pd-hero-ring.ring-outer{ width:230px; height:230px; } .pd-hero-ring.ring-inner{ width:164px; height:164px; } }
    @media (max-width:575px){ .pd-hero-ring.ring-outer{ width:196px; height:196px; } .pd-hero-ring.ring-inner{ width:140px; height:140px; } }

    .pd-hero-core{
        position:relative; width:112px; height:112px; border-radius:28px; display:flex; align-items:center; justify-content:center;
        background:#fff; border:1px solid rgba(75,44,255,.12); box-shadow:0 18px 40px rgba(75,44,255,.2);
        animation: pdFloat 4.5s ease-in-out infinite; z-index:2;
    }
    [data-theme="dark"] .pd-hero-core{ background:#171929; border-color:rgba(141,102,255,.3); box-shadow:0 18px 40px rgba(0,0,0,.55); }
    .pd-hero-core-logo{ width:60%; height:auto; }
    .pd-hero-core-logo.pd-logo-dark{ display:none; }
    .pd-hero-core-logo.pd-logo-light{ display:block; }
    [data-theme="dark"] .pd-hero-core-logo.pd-logo-dark{ display:block; }
    [data-theme="dark"] .pd-hero-core-logo.pd-logo-light{ display:none; }
    @media (max-width:991px){ .pd-hero-core{ width:86px; height:86px; border-radius:22px; } }
    @media (max-width:575px){ .pd-hero-core{ width:70px; height:70px; border-radius:18px; } }

    .pd-hero-orbit-track{ position:absolute; width:330px; height:330px; z-index:1; animation: pdOrbitCW 26s linear infinite; }
    @media (max-width:991px){ .pd-hero-orbit-track{ width:230px; height:230px; } }
    @media (max-width:575px){ .pd-hero-orbit-track{ width:196px; height:196px; } }

    .pd-hero-orbit{ position:absolute; width:56px; height:56px; top:0; left:0; transform:translate(-50%,-50%); }
    .pd-hero-orbit.oi1{ top:6%;  left:50%; }
    .pd-hero-orbit.oi2{ top:28%; left:88%; }
    .pd-hero-orbit.oi3{ top:72%; left:88%; }
    .pd-hero-orbit.oi4{ top:94%; left:50%; }
    .pd-hero-orbit.oi5{ top:72%; left:12%; }
    .pd-hero-orbit.oi6{ top:28%; left:12%; }
    @media (max-width:991px){ .pd-hero-orbit{ width:42px; height:42px; } }
    @media (max-width:575px){ .pd-hero-orbit{ width:34px; height:34px; } }

    .pd-hero-orbit-inner{
        display:flex; align-items:center; justify-content:center; width:100%; height:100%; border-radius:14px;
        background: linear-gradient(150deg, #ffffff, #EDE8FF);
        color:#4B2CFF; font-size:1.25rem; border:1.5px solid rgba(75,44,255,.15);
        box-shadow:0 10px 22px rgba(75,44,255,.15);
        animation: pdOrbitCCW 26s linear infinite;
    }
    [data-theme="dark"] .pd-hero-orbit-inner{
        background: linear-gradient(150deg, #34366B, #23244A);
        color:#D9CFFF; border-color:rgba(184,163,255,.5);
        box-shadow:0 10px 24px rgba(0,0,0,.55), 0 0 16px rgba(141,102,255,.15);
    }
    @media (max-width:991px){ .pd-hero-orbit-inner{ font-size:1rem; border-radius:11px; } }
    @media (max-width:575px){ .pd-hero-orbit-inner{ font-size:.85rem; border-radius:9px; } }

    .pd-hero-dot{ position:absolute; width:7px; height:7px; border-radius:50%; background:#8D66FF; opacity:.6; animation: pdTwinkle 2.4s ease-in-out infinite; z-index:1; }
    .pd-hero-dot.d1{ top:14%; right:32%; }
    .pd-hero-dot.d2{ bottom:18%; left:30%; animation-delay:.8s; }
    .pd-hero-dot.d3{ top:60%; right:6%; animation-delay:1.4s; }
    @media (max-width:575px){ .pd-hero-dot{ display:none; } }

    @keyframes pdSpin{ from{ transform:rotate(0deg);} to{ transform:rotate(360deg);} }
    @keyframes pdSpinRev{ from{ transform:rotate(360deg);} to{ transform:rotate(0deg);} }
    @keyframes pdFloat{ 0%,100%{ transform:translateY(0);} 50%{ transform:translateY(-10px);} }
    @keyframes pdOrbitCW{ from{ transform:rotate(0deg);} to{ transform:rotate(360deg);} }
    @keyframes pdOrbitCCW{ from{ transform:rotate(0deg);} to{ transform:rotate(-360deg);} }
    @keyframes pdTwinkle{ 0%,100%{ opacity:.2;} 50%{ opacity:.8;} }

    /* Continuous Image Marquee Strip */
    .pd-marquee-wrap{
        overflow:hidden; margin:26px 0 6px; border-radius:16px;
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
    }
    .pd-marquee-track{ display:flex; gap:16px; width:max-content; animation: pdMarquee 32s linear infinite; }
    .pd-marquee-wrap:hover .pd-marquee-track{ animation-play-state: paused; }
    .pd-marquee-item{ flex:0 0 auto; width:280px; height:200px; border-radius:14px; overflow:hidden; box-shadow:0 8px 22px rgba(11,13,23,.1); }
    [data-theme="dark"] .pd-marquee-item{ box-shadow:0 8px 22px rgba(0,0,0,.4); }
    .pd-marquee-item img{ width:100%; height:100%; object-fit:cover; display:block; }
    @keyframes pdMarquee{ from{ transform:translateX(0);} to{ transform:translateX(-50%);} }
    @media (max-width:575px){ .pd-marquee-item{ width:200px; height:150px; } }

    /* Pricing & Plan Cards */
    .pd-plan-card{ position:relative; display:flex; flex-direction:column; overflow:visible; }
    .pd-plan-badge{ position:absolute; top:-14px; right:20px; z-index:3; }
    [data-theme="dark"] .pd-plan-badge.wnt-contact-chip{
        background: linear-gradient(135deg, rgba(141,102,255,.55), rgba(75,44,255,.55)) !important;
        border: 1px solid rgba(216,204,255,.6) !important;
        color: #F5F1FF !important;
        box-shadow: 0 6px 18px rgba(75,44,255,.4);
    }
    .pd-plan-price-row{ display:flex; align-items:baseline; gap:8px; margin:6px 0 2px; }
    .pd-plan-old-price{ font-size:1rem; text-decoration:line-through; opacity:.5; }
    .pd-plan-loading{ opacity:.55; }
    .pd-plan-btn{ display:flex; align-items:center; justify-content:center; gap:8px; text-align:center; }
    .pd-plan-features li{ font-size:.83rem; padding:2px 0; }
    .pd-plan-features li.pd-feature-excluded{ opacity:.5; text-decoration:line-through; }
    .pd-plan-features .bi-x-circle{ color:#adb5bd; }

    /* Pulsing CTA Buttons */
    .pd-cta-pulse{ animation: pdCtaPulse 2.2s ease-in-out infinite; }
    .pd-cta-pulse.disabled{ animation:none; }
    @keyframes pdCtaPulse{
        0%   { box-shadow:0 0 0 0 rgba(75,44,255,.5);  transform:scale(1); }
        50%  { box-shadow:0 0 0 0 rgba(75,44,255,.5);  transform:scale(1.025); }
        70%  { box-shadow:0 0 0 14px rgba(75,44,255,0); transform:scale(1); }
        100% { box-shadow:0 0 0 0 rgba(75,44,255,0);   transform:scale(1); }
    }
    [data-theme="dark"] .pd-cta-pulse{ animation-name: pdCtaPulseDark; }
    @keyframes pdCtaPulseDark{
        0%   { box-shadow:0 0 0 0 rgba(141,102,255,.55); transform:scale(1); }
        50%  { box-shadow:0 0 0 0 rgba(141,102,255,.55); transform:scale(1.025); }
        70%  { box-shadow:0 0 0 14px rgba(141,102,255,0); transform:scale(1); }
        100% { box-shadow:0 0 0 0 rgba(141,102,255,0);   transform:scale(1); }
    }

    /* Section Gap Fixes */
    .pd-pricing-section{ padding-bottom:28px !important; }
    .pd-features-section{ padding-top:28px !important; }
    .pd-offer-note{
        display:flex; align-items:center; gap:10px; margin-bottom:22px; padding:14px 18px;
        border-radius:12px; background:rgba(141,102,255,.08); border:1px solid rgba(141,102,255,.25);
    }
    .pd-offer-note-body{ display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
    @media (max-width:575px){
        .pd-offer-note{ align-items:flex-start; padding:12px 14px; gap:8px; }
        .pd-offer-note-body{ flex-direction:column; align-items:flex-start; gap:8px; }
        .pd-offer-chip{ font-size:.8rem; padding:6px 12px; }
    }

    /* Key Features Grid */
    .pd-feature-card p{ margin-bottom:0; }
    .pd-features-grid .wnt-contact-why-card{ padding:18px 16px; min-height:auto; }
    .pd-features-grid .wnt-contact-why-icon{ width:44px; height:44px; font-size:1.1rem; margin-bottom:10px; }
    .pd-features-grid .wnt-contact-why-card h5{ font-size:.95rem; margin-bottom:6px; }
    .pd-features-grid .wnt-contact-why-card p{ font-size:.85rem; }

    .pd-trust-row{ display:flex; justify-content:space-between; gap:10px; margin-top:8px; }
    .pd-trust-item{ text-align:center; font-size:.72rem; opacity:.65; flex:1; }
    .pd-trust-item .bi{ display:block; font-size:1.2rem; color:#4B2CFF; margin-bottom:4px; }
    [data-theme="dark"] .pd-trust-item .bi{ color:#8D66FF; }

    .pd-eyebrow-inline{ display:inline-block; margin-bottom:10px; }
    .pd-eyebrow-inline.wnt-contact-eyebrow{
        background: rgba(75,44,255,.12) !important;
        border: 1px solid rgba(75,44,255,.2);
    }
    [data-theme="dark"] .pd-eyebrow-inline.wnt-contact-eyebrow{
        background: rgba(141,102,255,.16) !important;
        border-color: rgba(141,102,255,.3);
    }
    .pd-order-card-sm{ max-width:520px; }
    .pd-order-card-xs{ max-width:420px; }
    .pd-faq-wrap{ max-width:840px; }

    /* Star rating fills */
    .pd-rating-fill-0{ width:0%; }
    .pd-rating-fill-10{ width:10%; }
    .pd-rating-fill-20{ width:20%; }
    .pd-rating-fill-30{ width:30%; }
    .pd-rating-fill-40{ width:40%; }
    .pd-rating-fill-50{ width:50%; }
    .pd-rating-fill-60{ width:60%; }
    .pd-rating-fill-70{ width:70%; }
    .pd-rating-fill-80{ width:80%; }
    .pd-rating-fill-90{ width:90%; }
    .pd-rating-fill-100{ width:100%; }
     /* Fonts, CDNs and colour tokens already load globally via MasterTop.php.
       Only the pieces below are new (no sitewide class covers them yet):
       the hero illustration and the service cards. */

    .services-hero{ padding:24px 0 40px; overflow:hidden; }
    [data-theme="dark"] .services-hero{
        background:
            radial-gradient(circle at 15% 20%, rgba(141,102,255,.12), transparent 55%),
            radial-gradient(circle at 85% 15%, rgba(106,72,255,.1), transparent 55%),
            radial-gradient(circle at 50% 100%, rgba(75,44,255,.12), transparent 60%),
            linear-gradient(180deg, #0F0F1C 0%, #0B0D17 100%);
    }
    .hero-eyebrow{
        display:inline-block; font-size:.8rem; letter-spacing:.12em; text-transform:uppercase;
        color:#4B2CFF; font-weight:600; margin-bottom:14px;
    }
    [data-theme="dark"] .hero-eyebrow{ color:#8D66FF; }
    .services-hero h1{ font-size:clamp(2rem, 4vw, 2.9rem); font-weight:700; line-height:1.18; margin-bottom:18px; }
    .services-hero p.hero-desc{ font-size:1.05rem; opacity:.7; max-width:520px; margin-bottom:28px; }

    /* Hero buttons — flex + gap so they never sit flush against each
       other on mobile when they wrap to a new line. */
    .hero-buttons{ display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
    .hero-btn-primary{
        background: linear-gradient(90deg, #4B2CFF, #8D66FF); color:#fff; border:none; border-radius:8px;
        padding:12px 28px; font-weight:600; text-decoration:none; display:inline-block;
        transition:transform .2s ease, box-shadow .2s ease;
    }
    .hero-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(141,102,255,.35); color:#fff; }
    .hero-btn-secondary{
        border:1.5px solid #4B2CFF; color:#4B2CFF; background:transparent; border-radius:8px;
        padding:12px 28px; font-weight:600; text-decoration:none; display:inline-block;
        transition:background .2s ease, color .2s ease;
    }
    [data-theme="dark"] .hero-btn-secondary{ border-color:#8D66FF; color:#8D66FF; }
    .hero-btn-secondary:hover{ background:#4B2CFF; color:#fff; }

    /* Hero illustration (pure CSS/SVG, no image file) */
    .hero-illustration-wrap{ position:relative; width:100%; max-width:420px; margin:0 auto; aspect-ratio:1/1; }
    .hero-illustration-glow{
        position:absolute; inset:8%; border-radius:50%;
        background: radial-gradient(circle, rgba(141,102,255,.35), rgba(75,44,255,0) 70%);
        filter: blur(14px); animation: wntPulseGlow 5s ease-in-out infinite;
    }
    @keyframes wntPulseGlow{ 0%,100%{ transform:scale(1); opacity:.8; } 50%{ transform:scale(1.1); opacity:1; } }

    /* Orbit group: SVG lines + the 5 icon chips spin together forever,
       so the connecting lines always stay attached to their icon. Each
       chip counter-rotates so its own icon glyph stays upright. */
    .hero-orbit-group{ position:absolute; inset:0; transform-origin:50% 50%; animation: wntOrbitSpin 16s linear infinite; }
    .hero-illustration-svg{ position:absolute; inset:0; width:100%; height:100%; }
    .wnt-line{ stroke:#8D66FF; stroke-width:1.5; opacity:.45; stroke-dasharray:6 6; animation: wntDash 4s linear infinite; }
    @keyframes wntDash{ to{ stroke-dashoffset:-120; } }
    .wnt-core-circle{ fill:rgba(141,102,255,.15); stroke:#4B2CFF; stroke-width:1.5; }

    .hero-core-icon{
        position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
        width:76px; height:76px; border-radius:50%; display:flex; align-items:center; justify-content:center;
        background: linear-gradient(135deg, #4B2CFF, #8D66FF); color:#fff; font-size:2rem;
        box-shadow:0 10px 26px rgba(75,44,255,.4); animation: wntCorePulse 3.5s ease-in-out infinite;
    }
    @keyframes wntCorePulse{ 0%,100%{ transform:translate(-50%,-50%) scale(1); } 50%{ transform:translate(-50%,-50%) scale(1.08); } }

    .hero-chip{
        position:absolute; width:52px; height:52px; border-radius:16px; display:flex; align-items:center; justify-content:center;
        background:#fff; border:1px solid rgba(11,13,23,.08); box-shadow:0 10px 30px rgba(11,13,23,.08);
        color:#4B2CFF; font-size:1.3rem; animation: wntChipCounterSpin 16s linear infinite;
    }
    [data-theme="dark"] .hero-chip{
        background: linear-gradient(135deg, rgba(75,44,255,.35), rgba(18,20,31,.95));
        border-color: rgba(141,102,255,.3); color:#C9B8FF;
    }
    .hero-chip.c1{ left:27.95%; top:19.65%; }
    .hero-chip.c2{ left:72.05%; top:19.65%; }
    .hero-chip.c3{ left:14.33%; top:61.58%; }
    .hero-chip.c4{ left:85.68%; top:61.58%; }
    .hero-chip.c5{ left:50%; top:87.5%; }
    @keyframes wntOrbitSpin{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } }
    @keyframes wntChipCounterSpin{ from{ transform:translate(-50%,-50%) rotate(0deg); } to{ transform:translate(-50%,-50%) rotate(-360deg); } }

    /* Service cards (unique to this page) */
    .service-card-new{
        background:#fff; border:1px solid rgba(11,13,23,.08); border-radius:16px;
        box-shadow:0 10px 30px rgba(11,13,23,.08); overflow:hidden; transition:transform .2s ease, box-shadow .2s ease;
    }
    [data-theme="dark"] .service-card-new{ background:#12141F; border-color:rgba(247,247,250,.08); box-shadow:0 10px 30px rgba(0,0,0,.45); }
    .service-card-new:hover{ transform:translateY(-5px); box-shadow:0 18px 36px rgba(75,44,255,.2); }
    .service-card-body{ padding:24px 22px 20px; display:flex; flex-direction:column; height:100%; }
    .service-card-icon-badge{
        width:52px; height:52px; border-radius:50%; display:flex; align-items:center; justify-content:center;
        background: linear-gradient(135deg, #6A48FF, #8D66FF); color:#fff; font-size:1.4rem; margin-bottom:16px;
        box-shadow:0 6px 16px rgba(141,102,255,.35);
    }
    .service-card-title{ font-size:1.08rem; font-weight:700; margin-bottom:8px; }
    .service-card-desc{
        font-size:.86rem; opacity:.65; margin-bottom:18px; line-height:1.45;
        display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
    }
    .service-card-footer{
        display:flex; align-items:center; justify-content:space-between;
        border-top:1px solid rgba(11,13,23,.08); padding-top:16px; margin-top:auto;
    }
    [data-theme="dark"] .service-card-footer{ border-top-color:rgba(247,247,250,.08); }
    .service-card-price-wrap{ display:flex; flex-direction:column; line-height:1.1; }
    .service-card-price-label{ font-size:.7rem; opacity:.6; text-transform:uppercase; letter-spacing:.05em; }
    .service-card-price{ font-weight:700; font-size:1.05rem; color:#4B2CFF; }
    [data-theme="dark"] .service-card-price{ color:#8D66FF; }
    .service-card-btn{
        color:#4B2CFF; font-weight:600; font-size:.85rem; display:inline-flex; align-items:center; gap:5px;
        transition:gap .2s ease;
    }
    [data-theme="dark"] .service-card-btn{ color:#8D66FF; }
    .service-card-new:hover .service-card-btn{ gap:9px; }

    .no-services-box{ border:1px dashed rgba(11,13,23,.08); border-radius:14px; padding:60px 20px; text-align:center; opacity:.7; }
    .wnt-pagination .page-link{ border:1px solid rgba(11,13,23,.08); border-radius:6px; }
    .wnt-pagination .page-item.active .page-link{ background:#4B2CFF; border-color:#4B2CFF; color:#fff; }

    /* Category "about" long description, pulled from mtill — bordered
       card, sits in its own section right before "Why Webnestech" */
    .wnt-category-about-card{
        border-radius:20px; padding:44px 40px; position:relative; overflow:hidden;
        background: linear-gradient(135deg, rgba(75,44,255,.10), rgba(141,102,255,.03));
        border:1px solid rgba(75,44,255,.18);
    }
    [data-theme="dark"] .wnt-category-about-card{
        background: linear-gradient(135deg, rgba(75,44,255,.3), rgba(18,20,31,.5));
        border-color: rgba(141,102,255,.35);
    }
    .wnt-category-about-card h1, .wnt-category-about-card h2,
    .wnt-category-about-card h3, .wnt-category-about-card h4{
        font-weight:700; margin-bottom:16px; line-height:1.25;
    }
    .wnt-category-about-card-title{ font-size:1.5rem; }
    .wnt-category-about-card p{ font-size:.95rem; opacity:.8; line-height:1.7; margin-bottom:14px; }
    .wnt-category-about-card p:last-child{ margin-bottom:0; }
    @media (max-width:576px){
        .wnt-category-about-card{ padding:28px 22px; }
    }

    /* Floating "Edit Service Category" button (bottom-left, always visible) */
    .floating-edit-category-btn{
        position:fixed; left:20px; bottom:24px; z-index:1050;
        display:inline-flex; align-items:center; gap:8px;
        background: linear-gradient(90deg, #4B2CFF, #8D66FF); color:#fff;
        padding:12px 20px; border-radius:50px; font-weight:600; font-size:.9rem;
        text-decoration:none; box-shadow:0 10px 26px rgba(75,44,255,.4);
        transition:transform .2s ease, box-shadow .2s ease;
    }
    .floating-edit-category-btn:hover{
        transform:translateY(-2px); box-shadow:0 14px 32px rgba(75,44,255,.5); color:#fff;
    }
    @media (max-width:576px){
        .floating-edit-category-btn{ left:14px; bottom:16px; padding:10px 16px; font-size:.85rem; }
    }

    /* "How We Work" — 4 equal steps, all in one row on desktop. */
    .wnt-process-steps{
        display:grid; grid-template-columns:repeat(4,1fr); gap:24px; position:relative;
    }
    .wnt-process-steps::before{
        content:''; position:absolute; top:24px; left:12.5%; right:12.5%; height:2px;
        background:#6A48FF; opacity:.4; z-index:0;
    }
    .wnt-process-step{ position:relative; z-index:1; text-align:center; }
    .wnt-process-dot{
        width:48px; height:48px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center;
        background: linear-gradient(135deg,#4B2CFF,#6A48FF); color:#fff; font-weight:700; font-size:1.1rem;
        box-shadow:0 8px 20px rgba(75,44,255,.35);
    }
    .wnt-process-step h3{ font-weight:700; margin-bottom:8px; font-size:1.05rem; }
    .wnt-process-step p{ font-size:.88rem; opacity:.65; margin:0; }
    /* Mobile: stack in one column and replace the connecting line with
       a down-arrow between each step, same idea as the desktop line. */
    @media (max-width:767px){
        .wnt-process-steps{ grid-template-columns:1fr; row-gap:8px; }
        .wnt-process-steps::before{ display:none; }
        .wnt-process-step{ padding-bottom:34px; }
        .wnt-process-step:not(:last-child)::after{
            content:'\2193';
            position:absolute; bottom:0; left:50%; transform:translateX(-50%);
            font-size:1.4rem; line-height:1; color:#6A48FF; opacity:.6;
        }
    }

    /* CTA buttons (bottom section) — stack with a gap on mobile instead
       of sitting flush against each other. */
    @media (max-width:576px){
        .wnt-contact-cta-content{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
    }