:root{
  --navy:#06121f;
  --navy-2:#0d2235;
  --cyan:#38bdf8;
  --purple:#6366f1;
  --gold:#34d399;
  --coral:#f472b6;
  --white:#f8fafc;
  --muted:#b8c4d6;
  --card:rgba(255,255,255,.075);
  --border:rgba(255,255,255,.15);
  --shadow:0 28px 80px rgba(0,0,0,.42);
}
body{
  background:
    radial-gradient(circle at 10% 6%,rgba(56,189,248,.18),transparent 27%),
    radial-gradient(circle at 90% 8%,rgba(52,211,153,.14),transparent 25%),
    radial-gradient(circle at 50% 105%,rgba(244,114,182,.16),transparent 34%),
    linear-gradient(180deg,#06121f 0%,#0a1b2d 48%,#102033 100%);
}
body.light{--navy:#f8fafc;--navy-2:#ffffff;--white:#111827;--muted:#5b6678;--card:rgba(15,23,42,.055);--border:rgba(15,23,42,.13);background:linear-gradient(180deg,#f8fafc,#eef7f6)}
.announcement{background:linear-gradient(90deg,rgba(56,189,248,.18),rgba(52,211,153,.16),rgba(244,114,182,.13))}
.site-header{background:rgba(6,18,31,.86)}body.light .site-header{background:rgba(248,250,252,.9)}
.logo-mark,.tool-logo,.category-icon,.pricing-toggle i{background:linear-gradient(135deg,#38bdf8,#34d399 58%,#6366f1)}
.btn.primary,.scroll-top{background:linear-gradient(135deg,#38bdf8,#34d399 55%,#f472b6);color:#06121f;box-shadow:0 18px 42px rgba(56,189,248,.22)}
.btn.ghost,.btn.glass,.icon-btn,.tool-card,.category-card,.pricing-card,.testimonial-grid article,.blog-grid article,.feature-grid article,.steps article,.newsletter-box,.details-panel,.comparison-card,.auth-card,.faq-item,.stats div{background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.04));border-color:rgba(255,255,255,.16)}
.card-actions{align-items:center}
.card-actions .btn,.card-actions .icon-btn{position:relative;overflow:hidden;border:0;color:#06121f;text-shadow:none;box-shadow:0 12px 28px rgba(0,0,0,.18);isolation:isolate}
.card-actions .btn:before,.card-actions .icon-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transform:translateX(-115%);transition:.48s;z-index:-1}
.card-actions .btn:hover:before,.card-actions .icon-btn:hover:before{transform:translateX(115%)}
.card-actions .btn.primary{background:linear-gradient(135deg,#38bdf8,#34d399);box-shadow:0 14px 34px rgba(56,189,248,.28)}
.card-actions .compare-btn{background:linear-gradient(135deg,#fbbf24,#f472b6);color:#111827;box-shadow:0 14px 34px rgba(244,114,182,.24)}
.card-actions .save-btn{background:linear-gradient(135deg,#a78bfa,#38bdf8);color:#07111f;box-shadow:0 14px 34px rgba(167,139,250,.24)}
.card-actions .btn:hover,.card-actions .icon-btn:hover{transform:translateY(-4px) scale(1.04);filter:saturate(1.12);box-shadow:0 20px 46px rgba(56,189,248,.24)}
.card-actions .btn:active,.card-actions .icon-btn:active{transform:translateY(-1px) scale(.98)}
body.light .card-actions .btn,body.light .card-actions .icon-btn{color:#07111f}
.header-contact{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#fff;border:1px solid rgba(255,255,255,.16);transition:.28s;box-shadow:0 12px 24px rgba(0,0,0,.18);position:relative;overflow:hidden}
.header-contact svg{width:21px;height:21px;fill:currentColor}
.header-contact.whatsapp{background:#25d366}.header-contact.call{background:linear-gradient(135deg,#38bdf8,#6366f1)}
.header-contact:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent);transform:translateX(-110%);transition:.45s}
.header-contact:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 18px 34px rgba(56,189,248,.24)}
.header-contact:hover:before{transform:translateX(110%)}
.eyebrow,.pill,th,.stats strong{color:var(--gold)}
.nav a:after,.nav-trigger:after{background:linear-gradient(90deg,var(--cyan),var(--gold),var(--coral))}
.nav-menu{background:rgba(12,18,32,.98)}
.slide:before{background:linear-gradient(90deg,rgba(7,11,22,.94),rgba(7,11,22,.62),rgba(7,11,22,.18)),var(--bg) center/cover no-repeat}
.page-hero{background:linear-gradient(135deg,rgba(56,189,248,.1),rgba(52,211,153,.08),rgba(244,114,182,.08));display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,540px);gap:34px;align-items:center;min-height:360px;padding:52px clamp(18px,6vw,92px) 42px}
.page-hero:after{display:none}
.hero-orb{position:relative;z-index:1;width:min(43vw,520px);aspect-ratio:1;margin:0;justify-self:end;border-radius:50%;padding:12px;background:linear-gradient(135deg,rgba(56,189,248,.85),rgba(52,211,153,.75),rgba(244,114,182,.72));box-shadow:0 28px 90px rgba(56,189,248,.24);animation:orbFloat 5s ease-in-out infinite}
.hero-orb:before{content:"";position:absolute;inset:-18px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:orbRing 7s linear infinite}
.hero-orb:after{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%);pointer-events:none}
.hero-orb img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.25);filter:saturate(1.08) contrast(1.04)}
.band{background:linear-gradient(135deg,rgba(56,189,248,.09),rgba(52,211,153,.075),rgba(99,102,241,.08))}
.filter-row{grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:stretch}
#categoryFilter{display:block;min-width:240px;height:52px;background:#111827;color:#f8fafc;border-color:rgba(245,195,107,.35);box-shadow:0 12px 30px rgba(0,0,0,.16);appearance:auto}
body.light #categoryFilter{background:#fff;color:#111827}
#categoryFilter option{background:#111827;color:#f8fafc}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.detailed-category{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:310px}
.detailed-category:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(45,212,191,.12),transparent 38%,rgba(245,195,107,.1));opacity:0;transition:.35s}
.detailed-category>*{position:relative}
.detailed-category:hover{border-color:rgba(245,195,107,.62);box-shadow:0 30px 76px rgba(45,212,191,.14);transform:translateY(-8px)}
.detailed-category:hover:before{opacity:1}
.category-photo{width:100%;height:150px;object-fit:cover;border-radius:8px;border:1px solid var(--border);margin-bottom:4px;filter:saturate(1.08) contrast(1.04);transition:.35s}
.detailed-category:hover .category-photo{transform:scale(1.03);box-shadow:0 18px 40px rgba(56,189,248,.16)}
.category-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:8px;color:#07111f;font-weight:950}
.detailed-category strong{color:#f8fafc;font-size:14px}
body.light .detailed-category strong{color:#111827}
.category-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}
.category-tags span{width:auto;height:auto;background:rgba(45,212,191,.1);border:1px solid rgba(45,212,191,.22);border-radius:999px;padding:6px 9px;color:#dffcf8;font-size:12px;font-weight:800;animation:none}
body.light .category-tags span{color:#0f766e;background:rgba(15,118,110,.08)}
.tool-card:hover,.pricing-card:hover{border-color:rgba(245,195,107,.58);box-shadow:0 26px 70px rgba(245,195,107,.13)}
.cta{background:linear-gradient(135deg,rgba(45,212,191,.18),rgba(245,195,107,.18),rgba(79,70,229,.18))}
.visual-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(45,212,191,.055));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.visual-copy{max-width:680px}.visual-copy h2{font-size:clamp(32px,4.5vw,58px);line-height:1.05}
.proof-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.proof-list span{position:relative;overflow:hidden;border:1px solid rgba(45,212,191,.3);border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.06);color:var(--white);font-weight:850;font-size:13px;transition:.3s;animation:chipFloat 4s ease-in-out infinite}
.proof-list span:nth-child(2){animation-delay:.35s}.proof-list span:nth-child(3){animation-delay:.7s}
.proof-list span:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(245,195,107,.28),transparent);transform:translateX(-110%);transition:.45s}
.proof-list span:hover{transform:translateY(-5px);border-color:rgba(245,195,107,.6);box-shadow:0 14px 30px rgba(45,212,191,.16)}
.proof-list span:hover:before{transform:translateX(110%)}
.real-photo{margin:0;position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow);min-height:360px}.real-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(7,11,22,.28));pointer-events:none}.real-photo img{width:100%;height:100%;min-height:360px;object-fit:cover;filter:saturate(1.04) contrast(1.02);transition:.45s}.real-photo:hover img{transform:scale(1.04)}
.insight-strip{grid-template-columns:repeat(3,1fr);display:grid;gap:18px;padding-top:0}
.insight-strip article{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:8px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.038));box-shadow:var(--shadow);transition:.35s}
.insight-strip article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0,rgba(45,212,191,.18),transparent 34%),linear-gradient(135deg,transparent,rgba(245,195,107,.08));opacity:0;transition:.35s}
.insight-strip article>*{position:relative}.insight-strip span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:8px;background:rgba(245,195,107,.13);color:var(--gold);font-weight:950;margin-bottom:10px;transition:.35s}
.insight-strip article:hover{transform:translateY(-8px);border-color:rgba(45,212,191,.42);box-shadow:0 28px 72px rgba(45,212,191,.13)}
.insight-strip article:hover:before{opacity:1}.insight-strip article:hover span{background:linear-gradient(135deg,var(--cyan),var(--gold));color:#07111f;transform:rotate(-4deg) scale(1.05)}
.blog-grid img{filter:saturate(1.05) contrast(1.03)}
.testimonial-grid article{position:relative;overflow:hidden;transition:.35s;isolation:isolate}
.testimonial-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(56,189,248,.2),transparent 34%),linear-gradient(135deg,transparent,rgba(52,211,153,.1));opacity:0;transition:.35s;z-index:-1}
.testimonial-grid article:after{content:"";position:absolute;top:-40%;left:-80%;width:55%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(18deg);transition:.55s}
.testimonial-grid article:hover{transform:translateY(-9px) scale(1.015);border-color:rgba(56,189,248,.5);box-shadow:0 30px 80px rgba(56,189,248,.15)}
.testimonial-grid article:hover:before{opacity:1}
.testimonial-grid article:hover:after{left:125%}
.testimonial-grid article p{font-size:18px;color:var(--white)}
.testimonial-grid article p:before{content:"\201C";display:block;font-size:50px;line-height:.7;color:var(--cyan);filter:drop-shadow(0 0 14px rgba(56,189,248,.35))}
.testimonial-grid article h3{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:var(--gold)}
.testimonial-grid article h3:before{content:"\2605";color:var(--gold);animation:starPulse 1.8s ease-in-out infinite}
.testimonial-avatar{width:74px;height:74px;object-fit:cover;border-radius:50%;border:2px solid rgba(56,189,248,.55);box-shadow:0 12px 28px rgba(56,189,248,.18);margin-bottom:14px;transition:.35s}
.testimonial-grid article:hover .testimonial-avatar{transform:translateY(-4px) scale(1.06);border-color:rgba(52,211,153,.75)}
.footer{background:linear-gradient(180deg,#0b1020,#05070d)}
.footer a:not(.logo){position:relative;transition:.25s}
.footer a:not(.logo):after{content:"";position:absolute;left:0;bottom:2px;width:0;height:2px;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:.25s}
.footer a:not(.logo):hover{color:#fff;transform:translateX(4px)}
.footer a:not(.logo):hover:after{width:100%}
.socials a{width:42px;height:42px;border-radius:10px;margin:0;color:#fff;border:1px solid rgba(255,255,255,.14);transition:.28s;position:relative;overflow:hidden}
.socials a:after{display:none}.socials svg{width:21px;height:21px;fill:currentColor}
.socials .facebook{background:#1877f2}.socials .instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.socials .linkedin{background:#0a66c2}.socials .youtube{background:#ff0000}.socials .twitter{background:#111}.socials .whatsapp{background:#25d366}
.socials a:hover{transform:translateY(-7px) scale(1.06);box-shadow:0 18px 36px rgba(45,212,191,.24);animation:none}
.steps article,.animated-feature-grid article,.faq-item,.legal-grid article,.topic-grid article,.research-list article,.checklist-grid article{position:relative;overflow:hidden;transition:.35s}
.steps article:before,.animated-feature-grid article:before,.faq-item:before,.legal-grid article:before,.topic-grid article:before,.research-list article:before,.checklist-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(56,189,248,.2),transparent 34%),linear-gradient(135deg,transparent,rgba(52,211,153,.09));opacity:0;transition:.35s}
.animated-feature-grid article:after{content:"";position:absolute;top:-40%;left:-80%;width:55%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:rotate(18deg);transition:.55s}
.steps article>*,.animated-feature-grid article>*,.faq-item>*,.legal-grid article>*,.topic-grid article>*,.research-list article>*,.checklist-grid article>*{position:relative}
.steps article:hover,.animated-feature-grid article:hover,.faq-item:hover,.legal-grid article:hover,.topic-grid article:hover,.research-list article:hover,.checklist-grid article:hover{transform:translateY(-8px);border-color:rgba(56,189,248,.48);box-shadow:0 28px 72px rgba(56,189,248,.14)}
.steps article:hover:before,.animated-feature-grid article:hover:before,.faq-item:hover:before,.legal-grid article:hover:before,.topic-grid article:hover:before,.research-list article:hover:before,.checklist-grid article:hover:before{opacity:1}
.animated-feature-grid article:hover:after{left:125%}
.steps span,.animated-feature-grid span,.legal-grid span,.topic-grid span{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:8px;background:rgba(56,189,248,.13);color:var(--cyan);font-weight:950;margin-bottom:10px;transition:.35s}
.steps article:hover span,.animated-feature-grid article:hover span,.legal-grid article:hover span,.topic-grid article:hover span{background:linear-gradient(135deg,var(--cyan),var(--gold));color:#06121f;transform:rotate(-4deg) scale(1.06)}
.faq-section .faq-list{max-width:980px;margin:auto}
.faq-item{padding:22px 24px}
.faq-item button{display:flex;align-items:center;justify-content:space-between;gap:18px}
.faq-item button:after{content:"+";display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:rgba(56,189,248,.12);color:var(--cyan);transition:.3s}
.faq-item.open button:after{content:"-";background:linear-gradient(135deg,var(--cyan),var(--gold));color:#06121f;transform:rotate(180deg)}
.faq-item.open{border-color:rgba(52,211,153,.45);box-shadow:0 24px 60px rgba(52,211,153,.12)}
.legal-hero,.blog-feature{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.legal-grid,.topic-grid,.research-list,.checklist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.legal-grid article,.topic-grid article,.research-list article,.checklist-grid article{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.038));box-shadow:var(--shadow);padding:24px}
.article-rich img{width:100%;max-height:460px;object-fit:cover;border-radius:8px;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:28px}
.article-rich blockquote{margin:28px 0;padding:22px 24px;border-left:4px solid var(--cyan);background:rgba(56,189,248,.08);border-radius:8px;color:var(--white);font-size:20px;font-weight:800}
.article-rich h2{margin-top:34px}
.article-shell{display:grid;grid-template-columns:290px minmax(0,900px);gap:30px;align-items:start;justify-content:center}
.article-sidebar{position:sticky;top:96px;display:grid;gap:16px}
.author-card,.toc-card,.takeaway-box,.author-note{border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.038));box-shadow:var(--shadow);padding:20px}
.author-card{text-align:center}.author-card img{width:88px;height:88px;object-fit:cover;border-radius:50%;margin:0 auto 12px;border:2px solid rgba(56,189,248,.55)}.author-card h3{margin:0}.author-card p{margin:4px 0 0}
.toc-card{display:grid;gap:10px}.toc-card strong{color:var(--gold)}.toc-card a{color:var(--muted);padding:9px 10px;border-radius:8px;transition:.25s}.toc-card a:hover{background:rgba(56,189,248,.1);color:var(--white);transform:translateX(4px)}
.article-meta{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 20px}.article-meta span{border:1px solid rgba(56,189,248,.25);border-radius:999px;padding:7px 10px;background:rgba(56,189,248,.08);color:#dff6ff;font-weight:800;font-size:13px}
.takeaway-box{margin:28px 0}.takeaway-box h3{margin-top:0;color:var(--cyan)}.takeaway-box li,.checklist-grid li{margin:8px 0;color:var(--muted)}
.article-image-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.article-image-pair img{height:260px;margin:0}
.article-table{margin:26px 0}.author-note{margin-top:28px;border-color:rgba(52,211,153,.35)}.author-note strong{color:var(--gold)}.author-note p{margin-bottom:0}
.related-posts .blog-grid article{transition:.35s}.related-posts .blog-grid article:hover{transform:translateY(-8px);border-color:rgba(56,189,248,.5);box-shadow:0 28px 72px rgba(56,189,248,.14)}
.blog-feature{background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(52,211,153,.07));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.research-list article strong{color:var(--cyan);font-size:18px}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes orbFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes orbRing{to{transform:rotate(360deg)}}
@keyframes starPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.18);opacity:1}}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.page-hero{grid-template-columns:1fr;min-height:auto;padding:44px 16px 34px}.hero-orb{justify-self:start;width:min(82vw,390px)}.article-shell,.visual-section,.insight-strip,.legal-hero,.blog-feature,.legal-grid,.topic-grid,.research-list,.checklist-grid{grid-template-columns:1fr}.article-sidebar{position:static}.real-photo,.real-photo img{min-height:280px}}
@media(max-width:640px){.article-image-pair{grid-template-columns:1fr}.article-image-pair img{height:220px}.article-meta span{width:100%;text-align:center}}
@media(max-width:760px){.filter-row{grid-template-columns:1fr}#categoryFilter{min-width:0;width:100%}.category-grid{grid-template-columns:1fr}.detailed-category{min-height:auto}}
@media(max-width:520px){.proof-list span{width:100%;text-align:center}.visual-copy h2{font-size:32px}}