/* ===== Tips & Advice listing + article page (9 Oct 2026). Always-on motion: drifting glow, floating photo + chip, a highlight
   that moves through the article cards (photo zooms slowly), numbered counter cycling in the article hero. ===== */
.bl-hero,.pt-hero{ position:relative; isolation:isolate; overflow:hidden; background:linear-gradient(200deg,#0b1a2c 0%,#0F2238 50%,#152C47 100%); color:#fff; }
.bl-aurora{ position:absolute; inset:0; z-index:-1; overflow:hidden; pointer-events:none; }
.bl-o1,.bl-o2{ position:absolute; border-radius:50%; filter:blur(80px); opacity:.5; }
.bl-o1{ width:540px; height:540px; left:-140px; top:-200px; background:radial-gradient(circle,#3F72B5 0%,transparent 68%); animation:blDrift 18s ease-in-out infinite alternate; }
.bl-o2{ width:500px; height:500px; right:-120px; bottom:-220px; background:radial-gradient(circle,#4F82C6 0%,transparent 68%); animation:blDrift 22s ease-in-out infinite alternate-reverse; }
@keyframes blDrift{ from{ transform:translate(0,0) scale(1); } to{ transform:translate(60px,40px) scale(1.15); } }
.bl-hero-grid{ display:grid; gap:48px; align-items:center; padding-block:clamp(56px,8vw,110px); }
@media(min-width:960px){ .bl-hero-grid{ grid-template-columns:1.1fr .9fr; gap:72px; } }
.bl-crumbs{ display:flex; gap:8px; flex-wrap:wrap; font:12px 'Geist Mono',monospace; color:rgba(255,255,255,.75); }
.bl-crumbs b{ color:#fff; font-weight:500; }
.bl-hero h1{ margin-top:24px; font-size:clamp(54px,8.4vw,116px); font-weight:500; line-height:.98; letter-spacing:-.045em; color:#fff; }
.bl-lede{ margin-top:22px; max-width:52ch; font-size:clamp(17px,1.6vw,20px); line-height:1.6; color:rgba(255,255,255,.9); }
.bl-frame{ position:relative; width:min(100%,460px); justify-self:center; }
.bl-frame .bl-ph{ position:relative; overflow:hidden; border-radius:26px; box-shadow:0 50px 80px -40px rgba(0,0,0,.75); animation:blFloat 8s ease-in-out infinite; }
.bl-frame .bl-ph img{ width:100%; height:auto; aspect-ratio:4/4.6; object-fit:cover; display:block; animation:blZoom 18s ease-in-out infinite alternate; }
.bl-chip{ position:absolute; left:-8%; bottom:9%; padding:14px 20px; border-radius:16px; background:#fff; color:#0F2238; box-shadow:0 24px 50px -22px rgba(0,0,0,.6); animation:blFloat 6s ease-in-out infinite -2s; }
.bl-chip b{ display:block; font-size:34px; font-weight:500; letter-spacing:-.03em; line-height:1; }
.bl-chip small{ display:block; margin-top:6px; font:11.5px 'Geist Mono',monospace; letter-spacing:.04em; color:#4b5a70; }
@keyframes blFloat{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-10px); } }
@keyframes blZoom{ from{ transform:scale(1); } to{ transform:scale(1.1); } }

/* ---------- insights intro ---------- */
.s.bl-intro{ padding-block:clamp(72px,9vw,120px); }
.bl-intro-grid{ display:grid; gap:40px; align-items:start; }
@media(min-width:900px){ .bl-intro-grid{ grid-template-columns:.9fr 1.1fr; gap:96px; } }
.bl-intro h2{ margin-top:14px; font-size:clamp(44px,6vw,84px); font-weight:500; line-height:1; letter-spacing:-.04em; }
.bl-intro h3{ font-size:clamp(20px,2vw,26px); font-weight:500; line-height:1.35; letter-spacing:-.01em; max-width:30ch; }
.bl-intro p{ margin-top:18px; font-size:clamp(16px,1.35vw,18px); line-height:1.8; max-width:62ch; }

/* ---------- article cards ---------- */
.s.bl-list{ background:var(--panel); padding-block:clamp(72px,9vw,120px); }
.bl-grid{ display:grid; gap:24px; margin-top:44px; grid-template-columns:1fr; }
@media(min-width:700px){ .bl-grid{ grid-template-columns:1fr 1fr; } }
@media(min-width:1100px){ .bl-grid{ grid-template-columns:repeat(6,1fr); } .bl-card{ grid-column:span 2; } .bl-card:nth-child(n+4){ grid-column:span 3; } }
.bl-card{ position:relative; overflow:hidden; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:22px; background:var(--paper); transition:transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .55s, border-color .55s; }
.bl-card .bl-ph{ position:relative; overflow:hidden; background:#0d1319; }
.bl-card .bl-ph img{ width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; display:block; transition:transform 6s ease-out; }
.bl-num{ position:absolute; left:18px; top:16px; z-index:2; padding:6px 12px; border-radius:999px; background:rgba(15,34,56,.82); color:#fff; font:12px 'Geist Mono',monospace; letter-spacing:.08em; }
.bl-body{ display:flex; flex-direction:column; align-items:flex-start; gap:18px; flex:1; padding:clamp(22px,2.4vw,30px); }
.bl-body h3{ font-size:clamp(22px,2.1vw,28px); font-weight:500; line-height:1.15; letter-spacing:-.02em; }
.bl-body .btn{ margin-top:auto; }
.bl-card.hot{ transform:translateY(-8px); border-color:var(--blue); box-shadow:0 30px 60px -34px rgba(63,114,181,.55); }
.bl-card.hot .bl-ph img{ transform:scale(1.12); }

/* ---------- article hero ---------- */
.pt-hero-grid{ display:grid; gap:48px; align-items:center; padding-block:clamp(56px,8vw,100px); }
@media(min-width:1000px){ .pt-hero-grid{ grid-template-columns:1.25fr .75fr; gap:64px; } }
.pt-hero .kicker{ color:#8fb2e0; }
.pt-hero h1{ margin-top:18px; font-size:clamp(40px,5.6vw,80px); font-weight:500; line-height:1.02; letter-spacing:-.04em; color:#fff; }
.pt-lede{ margin-top:22px; max-width:60ch; font-size:clamp(16px,1.5vw,19px); line-height:1.7; color:rgba(255,255,255,.88); }
.pt-cyc{ position:relative; justify-self:center; width:min(100%,360px); aspect-ratio:1; border-radius:50%; border:1px dashed rgba(143,178,224,.55); display:grid; place-content:center; text-align:center; animation:blFloat 8s ease-in-out infinite; }
.pt-cyc::before{ content:""; position:absolute; inset:-14px; border-radius:50%; border:1px dashed rgba(143,178,224,.28); animation:ptSpin 60s linear infinite; }
@keyframes ptSpin{ to{ transform:rotate(360deg); } }
.pt-cyc .pt-big{ font-size:clamp(84px,10vw,128px); font-weight:500; letter-spacing:-.05em; line-height:1; color:#fff; transition:opacity .4s, transform .4s; }
.pt-cyc .pt-cap{ margin:10px auto 0; max-width:19ch; font:12.5px/1.45 'Geist Mono',monospace; letter-spacing:.03em; color:#9fc0ea; min-height:3.6em; transition:opacity .4s; }
.pt-cyc.swap .pt-big,.pt-cyc.swap .pt-cap{ opacity:0; transform:translateY(6px); }

/* ---------- article body ---------- */
.s.pt-main{ padding-block:clamp(64px,8vw,110px); }
.pt-grid{ display:grid; gap:48px; align-items:start; }
@media(min-width:1000px){ .pt-grid{ grid-template-columns:300px 1fr; gap:72px; } .pt-toc{ position:sticky; top:96px; } }
.pt-toc{ counter-reset:ptt; display:flex; flex-direction:column; gap:2px; padding:10px; border:1px solid var(--line); border-radius:18px; background:var(--paper); }
.pt-toc .pt-th{ padding:10px 12px 8px; font:11.5px 'Geist Mono',monospace; letter-spacing:.1em; text-transform:uppercase; color:var(--blue); }
a.pt-t{ display:flex; gap:12px; align-items:baseline; padding:9px 12px; border-radius:10px; font-size:14px; line-height:1.35; color:var(--slate); transition:background .3s,color .3s; }
a.pt-t::before{ counter-increment:ptt; content:counter(ptt,decimal-leading-zero); flex:none; font:12px 'Geist Mono',monospace; color:var(--blue); font-weight:500; }
a.pt-t:hover{ color:var(--ink); background:rgba(63,114,181,.08); }
a.pt-t.on{ color:var(--ink); background:rgba(63,114,181,.14); font-weight:500; }
.pt-list{ display:flex; flex-direction:column; gap:20px; }
.pt-item{ position:relative; display:flex; flex-direction:column; gap:10px; padding:clamp(24px,2.8vw,36px); border:1px solid var(--line); border-radius:20px; background:var(--paper); transition:border-color .5s, box-shadow .5s, transform .5s; scroll-margin-top:100px; }
.pt-item .pt-n{ font-size:clamp(36px,3.8vw,52px); font-weight:500; letter-spacing:-.04em; line-height:1; color:rgba(63,114,181,.4); transition:color .5s; }
.pt-item h2{ font-size:clamp(21px,2.1vw,27px); font-weight:500; line-height:1.2; letter-spacing:-.02em; }
.pt-item p{ font-size:16px; line-height:1.8; max-width:64ch; }
.pt-item.on{ border-color:var(--blue); box-shadow:0 26px 54px -36px rgba(63,114,181,.6); }
.pt-item.on .pt-n{ color:var(--blue); }
.pt-concl{ margin-top:8px; padding:clamp(26px,3vw,40px); border-radius:20px; background:var(--navy); color:#fff; }
.pt-concl p{ font-size:clamp(16px,1.4vw,18px); line-height:1.75; color:rgba(255,255,255,.9); max-width:64ch; }
.pt-concl .kicker{ color:#8fb2e0; display:block; margin-bottom:12px; }
.s.pt-more{ background:var(--panel); padding-block:clamp(64px,8vw,100px); }
.pt-more .bl-grid{ margin-top:36px; }
@media(min-width:1100px){ .pt-more .bl-grid{ grid-template-columns:repeat(3,1fr); } .pt-more .bl-card,.pt-more .bl-card:nth-child(n+4){ grid-column:auto; } }

/* ---------- dark mode ---------- */
:root[data-theme=dark] .s.bl-list,:root[data-theme=dark] .s.pt-more{ background:#0e1620; }
:root[data-theme=dark] .bl-card,:root[data-theme=dark] .pt-item,:root[data-theme=dark] .pt-toc{ background:#111a25; }
:root[data-theme=dark] .bl-card.hot{ box-shadow:0 30px 60px -34px rgba(0,0,0,.8); }
:root[data-theme=dark] .pt-concl{ background:#0a1522; }
:root[data-theme=dark] .pt-item.on{ box-shadow:0 26px 54px -36px rgba(0,0,0,.8); }

@media (prefers-reduced-motion:reduce){
  .bl-o1,.bl-o2,.bl-frame .bl-ph,.bl-frame .bl-ph img,.bl-chip,.pt-cyc,.pt-cyc::before{ animation:none; }
  .bl-card.hot,.pt-item.on{ transform:none; }
}

/* 10 Oct 2026: bullet lists inside article items */
.pt-item ul{ margin:4px 0 0; padding:0 0 0 1.15em; display:grid; gap:8px; }
.pt-item li{ font-size:16px; line-height:1.7; max-width:64ch; color:var(--slate); }
.pt-item li::marker{ color:var(--blue); }
.pt-item p + ul,.pt-item ul + p{ margin-top:6px; }

/* ===== Elementor adaptations (generated) ===== */
.bl-hero h1.elementor-heading-title:not(.az):not(.az){margin-top:24px; font-size:clamp(54px,8.4vw,116px); font-weight:500; line-height:.98; letter-spacing:-.045em; color:#fff;}
.bl-intro h2.elementor-heading-title:not(.az):not(.az){margin-top:14px; font-size:clamp(44px,6vw,84px); font-weight:500; line-height:1; letter-spacing:-.04em;}
.bl-intro h3.elementor-heading-title:not(.az):not(.az){font-size:clamp(20px,2vw,26px); font-weight:500; line-height:1.35; letter-spacing:-.01em; max-width:30ch;}
.bl-body h3.elementor-heading-title:not(.az):not(.az){font-size:clamp(22px,2.1vw,28px); font-weight:500; line-height:1.15; letter-spacing:-.02em;}
.pt-hero h1.elementor-heading-title:not(.az):not(.az){margin-top:18px; font-size:clamp(40px,5.6vw,80px); font-weight:500; line-height:1.02; letter-spacing:-.04em; color:#fff;}
.pt-item h2.elementor-heading-title:not(.az):not(.az){font-size:clamp(21px,2.1vw,27px); font-weight:500; line-height:1.2; letter-spacing:-.02em;}
.bl-frame .bl-ph img:not(.az):not(.az){width:100%; height:auto; aspect-ratio:4/4.6; object-fit:cover; display:block; animation:blZoom 18s ease-in-out infinite alternate;}
.bl-card .bl-ph img:not(.az):not(.az){width:100%; height:auto; aspect-ratio:16/10; object-fit:cover; display:block; transition:transform 6s ease-out;}
@media (prefers-reduced-motion:reduce){.bl-frame .bl-ph img:not(.az):not(.az){animation:none;}}
.bl-card.hot .bl-ph img:not(.az):not(.az){transform:scale(1.12);}
:where(.angel-item) > :where(a,span,b,i,small,cite,time,em,strong){display:block}
.mcta p{color:#fff}
/* ===== generated from inline styles ===== */
.s-efe972{animation-delay:.1s !important}