*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}:root{--white: #ffffff;--bg: #f5f5f7;--bg-dark: #0a0a0b;--text: #1d1d1f;--text-2: #6e6e73;--text-3: #adadb8;--border: #e8e8ed;--border-md: #d2d2d7;--teal: #00b4a6;--teal-dim: #008f84;--teal-bg: #e6f9f7;--blue: #0071e3;--blue-bg: #e8f1fd;--purple: #7c3aed;--purple-bg: #f3f0ff;--amber: #d97706;--amber-bg: #fef3c7;--radius: 18px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.05);--shadow: 0 2px 4px rgba(0,0,0,.04), 0 8px 28px rgba(0,0,0,.08);--shadow-md: 0 4px 8px rgba(0,0,0,.05), 0 20px 52px rgba(0,0,0,.12);--shadow-lg: 0 8px 16px rgba(0,0,0,.06), 0 32px 80px rgba(0,0,0,.15);--max: 1200px;--nav-h: 56px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-premium: cubic-bezier(.16, 1, .3, 1);--dur-fast: .18s;--dur-med: .28s;--dur-slow: .35s}body{font-family:var(--font);background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:var(--font);cursor:pointer;border:none}::view-transition-old(root){animation:vt-out .22s var(--ease) both}::view-transition-new(root){animation:vt-in .28s var(--ease-premium) both}::view-transition-group(root){animation-duration:.28s}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(12px)}}.nav-logo{view-transition-name:nav-logo;contain:layout}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@supports not selector(::view-transition-new(root)){.page{animation:fadeUp .3s var(--ease) both}}.wrap{max-width:var(--max);margin:0 auto;padding:0 28px;width:100%;box-sizing:border-box}.btn{display:inline-flex;align-items:center;gap:7px;padding:12px 24px;border-radius:980px;font-size:15px;font-weight:500;min-height:44px;transition:opacity .15s,transform .18s var(--ease-spring),box-shadow .18s;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:hover{opacity:.9;transform:translateY(-2px)}.btn:active{transform:scale(.95) translateY(0)!important}.btn-press:active{transform:scale(.94)!important}.btn-primary{background:var(--text);color:var(--white)}.btn-teal{background:var(--teal);color:var(--white);box-shadow:0 2px 14px #00b4a647}.btn-teal:hover{box-shadow:0 6px 24px #00b4a66b}.btn-outline{background:transparent;border:1px solid var(--border-md);color:var(--text)}.btn-outline:hover{background:var(--bg);border-color:var(--text-3)}.btn-sm{padding:8px 18px;font-size:13px}.tag{display:inline-block;padding:4px 11px;border-radius:980px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.tag-teal{background:var(--teal-bg);color:var(--teal-dim)}.tag-gray{background:var(--bg);color:var(--text-2);border:1px solid var(--border)}.tag-blue{background:var(--blue-bg);color:var(--blue)}.tag-purple{background:var(--purple-bg);color:var(--purple)}.tag-amber{background:var(--amber-bg);color:var(--amber)}.section-eyebrow{font-size:12px;font-weight:600;color:var(--teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}.section-title{font-size:clamp(30px,4vw,50px);font-weight:700;letter-spacing:-.03em;line-height:1.1}.section-sub{font-size:17px;color:var(--text-2);margin-top:16px;max-width:540px;line-height:1.65}.card{background:var(--white);border:1px solid rgba(0,0,0,.04);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 16px #0000000f;transition:box-shadow .4s var(--ease-premium),transform .4s var(--ease-premium),border-color .4s var(--ease-premium)}.card img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:0 4px 12px #0000000f,0 16px 44px #0000001a;transform:translateY(-6px);border-color:#0000000f}.card:hover img{transform:scale(1.06)}.card-cta-arrow{display:inline-flex;transition:transform .22s var(--ease-spring)}.card:hover .card-cta-arrow{transform:translate(5px)}.micro-card:hover .icon-box{transform:scale(1.12) rotate(-4deg)}.icon-box{transition:transform .3s var(--ease-spring)}.tool-row{transition:background .15s,transform .18s var(--ease-spring)}.tool-row:hover{background:var(--bg)!important}.tool-row:hover svg:last-child{transform:translate(3px)}.tool-row svg:last-child{transition:transform .2s var(--ease-spring)}.tool-row:active{transform:scale(.99)}.hub-card{background:var(--white);border:1px solid rgba(0,0,0,.05);border-radius:28px;padding:0 0 24px;height:100%;overflow:hidden;box-shadow:0 4px 12px #0000000f,0 16px 40px #0000001a;display:flex;flex-direction:column;gap:0;cursor:pointer;transition:border-color .35s var(--ease-premium),box-shadow .35s var(--ease-premium),transform .35s var(--ease-premium);will-change:transform}.hub-card:hover{border-color:#0000001a;box-shadow:0 8px 20px #00000014,0 28px 64px #00000029;transform:translateY(-2px)}.hub-card-image{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--accent-bg, #f5f5f7);display:block}.hub-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.hub-card:hover .hub-card-image img{transform:scale(1.06)}.hub-card-title,.hub-card-desc,.hub-card-cta{padding-left:24px;padding-right:24px}.hub-card-title{margin-top:20px}.hub-card-icon{width:52px;height:52px;border-radius:14px;background:var(--accent-bg, var(--teal-bg));display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:transform .35s var(--ease-spring),box-shadow .25s;flex-shrink:0}.hub-card:hover .hub-card-icon{transform:scale(1.15) rotate(-5deg);box-shadow:0 6px 20px #0000001a}.hub-card-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.025em;line-height:1.25;margin-bottom:10px}.hub-card-desc{font-size:13.5px;color:var(--text-2);line-height:1.65;flex:1;margin-bottom:22px}.hub-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent, var(--teal));margin-top:auto}.hub-card-arrow{display:inline-flex;transition:transform .22s var(--ease-spring)}.hub-card:hover .hub-card-arrow{transform:translate(5px)}.icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.divider{height:1px;background:var(--border)}.skeleton{background:linear-gradient(90deg,#f0f0f2 25%,#e6e6ea,#f0f0f2 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;grid-auto-rows:1fr;align-items:stretch}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;grid-auto-rows:1fr;align-items:stretch}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;grid-auto-rows:1fr;align-items:stretch;max-width:1200px;margin-left:auto;margin-right:auto}.grid-2>*,.grid-3>*,.grid-4>*{min-width:0;height:100%}.grid-2>*>a,.grid-3>*>a,.grid-4>*>a,.grid-2>a,.grid-3>a,.grid-4>a{display:block;height:100%;width:100%}.grid-2>*>a>*,.grid-3>*>a>*,.grid-4>*>a>*,.grid-2>a>*,.grid-3>a>*,.grid-4>a>*{height:100%}.grid-2 .card,.grid-3 .card,.grid-4 .card{display:flex;flex-direction:column;height:100%;width:100%}.grid-2 .card>div:last-child,.grid-3 .card>div:last-child,.grid-4 .card>div:last-child{flex:1 1 auto}@media (max-width: 1100px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:10px}.grid-2>*,.grid-3>*,.grid-4>*{min-width:0;width:100%}.grid-2>*>.card,.grid-3>*>.card,.grid-4>*>.card,.grid-2>.card,.grid-3>.card,.grid-4>.card{height:100%}.wrap{padding:0 14px}.hub-card{padding:0 0 12px;border-radius:16px}.hub-card-image{aspect-ratio:4 / 3}.hub-card-title{font-size:13px;margin-top:10px;padding-left:12px;padding-right:12px;line-height:1.25;margin-bottom:4px}.hub-card-desc{font-size:11px;line-height:1.45;padding-left:12px;padding-right:12px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hub-card-cta{font-size:11px;padding-left:12px;padding-right:12px}}.page{padding-top:var(--nav-h)}.section{padding:88px 0}.section-sm{padding:52px 0}.input{width:100%;padding:13px 20px;border:1.5px solid var(--border-md);border-radius:980px;font-family:var(--font);font-size:15px;color:var(--text);background:var(--white);outline:none;transition:border-color .2s,box-shadow .2s,transform .15s var(--ease-spring)}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00b4a624;transform:scale(1.005)}.input::placeholder{color:var(--text-3)}.nav-item-text{position:relative}.nav-item-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--teal);border-radius:2px;transition:width .22s var(--ease-spring)}.nav-item-text:hover:after,.nav-item-active .nav-item-text:after{width:100%}.hero-section{padding:100px 0 88px;text-align:center;background:var(--white)}.section-hd{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px}.featured-article-card{display:grid;grid-template-columns:1fr 1fr}.featured-img-wrap{border-radius:18px 0 0 18px;position:relative;overflow:hidden;flex-shrink:0}@media (max-width: 768px){.section{padding:64px 0}.hero-section{padding:72px 0 56px}}@media (max-width: 640px){.section{padding:48px 0}.section-sm{padding:32px 0}.hero-section{padding:56px 0 44px}.section-sub{font-size:14px;max-width:100%}.section-hd{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:24px}.featured-article-card{display:block}.featured-img-wrap{border-radius:18px 18px 0 0}.card{border-radius:14px}.card:hover{transform:none}.card img{height:140px!important;max-height:140px!important}.card[style*=grid-template-columns]{display:block!important}.card[style*=grid-template-columns] img{height:180px!important}.card[style*=grid-template-columns]>div:last-child{padding:16px!important}.card h2{font-size:16px!important}.card h3{font-size:13px!important;line-height:1.35!important;margin-bottom:4px!important}.card p{font-size:11.5px!important;line-height:1.45!important;margin-bottom:8px!important;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card>div:last-child{padding:12px 12px 14px!important}.tag{font-size:9px!important;padding:2px 7px!important}.card[style*="padding: 24px"]{padding:14px!important}.card[style*="padding: 24px"] h3{font-size:13px!important}}@media (max-width: 480px){.wrap{padding:0 12px}.grid-2,.grid-3,.grid-4{gap:10px}.card img{height:120px!important;max-height:120px!important}.card{border-radius:12px}.card>div:last-child{padding:10px 10px 12px!important}.card h3{font-size:12px!important}.card p{font-size:11px!important;-webkit-line-clamp:2;line-clamp:2}.hub-card{padding:0 0 10px;border-radius:12px}.hub-card-image{aspect-ratio:4 / 3}.hub-card-title{font-size:12px;margin-top:8px;padding-left:10px;padding-right:10px;margin-bottom:3px}.hub-card-desc{font-size:10.5px;padding-left:10px;padding-right:10px;margin-bottom:6px}.hub-card-cta{font-size:10.5px;padding-left:10px;padding-right:10px}.section-title{font-size:clamp(26px,6vw,36px)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.article-wrap{max-width:720px;margin:0 auto;padding:56px 24px 80px}.article-byline-icon{background:none;border:1px solid var(--border);border-radius:10px;padding:10px 11px;min-height:44px;min-width:44px;cursor:pointer;color:var(--text-3);display:flex;align-items:center;justify-content:center;text-decoration:none}.article-share-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;min-height:44px;border-radius:10px;border:1px solid var(--border);color:var(--text-2);background:var(--white);cursor:pointer;font-size:13px;font-weight:600;text-decoration:none;font-family:var(--font);white-space:nowrap}.article-subscribe-form{display:flex;gap:8px;flex-wrap:wrap}.article-subscribe-form input{flex:1;min-width:180px}@media (max-width: 768px){.article-wrap{padding:36px 20px 64px}}@media (max-width: 480px){.article-wrap{padding:24px 16px 52px}.article-subscribe-form{flex-direction:column}.article-subscribe-form input{min-width:unset;width:100%}.article-share-btn{font-size:12px;padding:10px 12px}}@keyframes liveBadgePulse{0%,to{transform:scale(1);box-shadow:0 4px 14px #10b98173}50%{transform:scale(1.08);box-shadow:0 6px 22px #10b981b3}}@keyframes liveDotPulse{0%,to{box-shadow:0 0 #ffffffb3}50%{box-shadow:0 0 0 5px #fff0}}.mobile-bottom-nav{display:none}@media (max-width: 768px){.mobile-bottom-nav{display:flex;position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:998;background:#141416eb;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:980px;padding:5px 6px;gap:2px;justify-content:center;align-items:center;box-shadow:0 4px 24px #00000047,0 1px 3px #0000002e;border:1px solid rgba(255,255,255,.08)}.mbn-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 14px;border-radius:980px;font-size:10px;font-weight:500;color:#ffffff73;text-decoration:none;transition:color .22s ease,background .22s ease;transform-origin:center center;-webkit-tap-highlight-color:transparent}.mbn-item.mbn-active{color:#fff;background:#ffffff1f;font-weight:600}.mbn-item.mbn-bounce{animation:mbnBounce .52s cubic-bezier(.22,1.4,.36,1)}.mbn-item.mbn-bounce svg{animation:mbnIconBounce .52s cubic-bezier(.22,1.4,.36,1)}.mbn-item.mbn-bounce span{animation:mbnLabelBounce .52s cubic-bezier(.22,1.4,.36,1)}@keyframes mbnBounce{0%{transform:translateY(0) scale(1)}18%{transform:translateY(-7px) scale(1.06)}38%{transform:translateY(2px) scale(.97)}58%{transform:translateY(-3px) scale(1.02)}78%{transform:translateY(1px) scale(.995)}to{transform:translateY(0) scale(1)}}@keyframes mbnIconBounce{0%{transform:translateY(0) scale(1)}18%{transform:translateY(-5px) scale(1.12)}38%{transform:translateY(1px) scale(.96)}58%{transform:translateY(-2px) scale(1.03)}to{transform:translateY(0) scale(1)}}@keyframes mbnLabelBounce{0%{transform:translateY(0)}18%{transform:translateY(-2px)}38%{transform:translateY(1px)}58%{transform:translateY(-1px)}to{transform:translateY(0)}}body{padding-bottom:calc(86px + env(safe-area-inset-bottom))}}@media (max-width: 380px){.mobile-bottom-nav{padding:4px;gap:0}.mbn-item{padding:5px 10px;font-size:9px}}@keyframes exploreHeadIn{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes hubInLeft{0%{opacity:0;transform:translate(-90px)}to{opacity:1;transform:translate(0)}}@keyframes hubInRight{0%{opacity:0;transform:translate(90px)}to{opacity:1;transform:translate(0)}}@keyframes shakeInput{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.explore-section.is-visible .explore-head{animation:exploreHeadIn 1s cubic-bezier(.16,1,.3,1) both}.explore-section.is-visible .hub-anim-left{animation:hubInLeft .9s cubic-bezier(.16,1,.3,1) both}.explore-section.is-visible .hub-anim-right{animation:hubInRight .9s cubic-bezier(.16,1,.3,1) both}.explore-section.is-visible .hub-anim[data-i="1"],.explore-section.is-visible .hub-anim[data-i="2"]{animation-delay:.1s}.explore-section.is-visible .hub-anim[data-i="0"],.explore-section.is-visible .hub-anim[data-i="3"]{animation-delay:.55s}@keyframes revealDown{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes revealUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes revealLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes revealRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.reveal-head,.reveal-featured,.reveal-card{opacity:0;will-change:transform,opacity}.reveal-group.is-visible .reveal-head{animation:revealDown .6s cubic-bezier(.16,1,.3,1) both}.reveal-group.is-visible .reveal-featured{animation:revealDown .7s cubic-bezier(.16,1,.3,1) .2s both}.reveal-card.is-visible{animation:revealUp .55s cubic-bezier(.16,1,.3,1) both}.reveal-card.from-left.is-visible{animation-name:revealLeft}.reveal-card.from-right.is-visible{animation-name:revealRight}.reveal-card[data-col="0"].is-visible{animation-delay:0s}.reveal-card[data-col="1"].is-visible{animation-delay:.1s}.reveal-card[data-col="2"].is-visible{animation-delay:.2s}.reveal-card[data-col="3"].is-visible{animation-delay:.3s}.card{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001a}.card-anim{opacity:0;will-change:transform,opacity}.card-anim.card-visible{animation:revealUp .7s cubic-bezier(.16,1,.3,1) both}.card-anim.card-visible.card-from-left{animation-name:revealLeft}.card-anim.card-visible.card-from-right{animation-name:revealRight}