.wealth-trilogy-visual{position:relative;min-height:390px;margin:44px 0 8px;border:1px solid rgba(255,255,255,.58);border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(232,241,249,.36));box-shadow:0 30px 80px rgba(22,47,82,.13);isolation:isolate}
.wealth-trilogy-visual::before{content:"";position:absolute;inset:-38%;background:conic-gradient(from 120deg,transparent,rgba(101,192,199,.2),transparent 28%,rgba(130,117,220,.16),transparent 58%,rgba(202,150,84,.19),transparent 84%);animation:trilogy-ambient 22s linear infinite;z-index:-1}
.trilogy-visual-head{position:absolute;left:28px;top:24px;z-index:3}.trilogy-visual-head b{display:block;color:#102f55;font-size:.7rem;letter-spacing:.18em}.trilogy-visual-head span{display:block;margin-top:5px;color:#65788c;font-size:.72rem}
.trilogy-map{position:absolute;inset:58px 26px 24px;display:grid;place-items:center}.trilogy-map-core{position:relative;z-index:3;display:grid;place-items:center;width:138px;aspect-ratio:1;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:radial-gradient(circle at 34% 26%,#fff,rgba(112,195,205,.72) 28%,rgba(89,92,178,.5) 62%,rgba(24,58,91,.28));box-shadow:inset -18px -20px 38px rgba(23,50,90,.19),0 0 0 18px rgba(255,255,255,.09),0 24px 48px rgba(25,49,85,.22)}
.trilogy-map-core strong{font-family:Georgia,serif;font-size:1.45rem;color:#17395d}.trilogy-map-core small{position:absolute;top:calc(100% + 14px);width:190px;text-align:center;color:#344e68;font-size:.58rem;letter-spacing:.15em}
.trilogy-orbit{position:absolute;border:1px solid rgba(41,91,135,.23);border-radius:50%;transform:rotate(-14deg) scaleY(.72)}.trilogy-orbit.o1{width:min(76%,620px);aspect-ratio:1;animation:trilogy-orbit 24s linear infinite}.trilogy-orbit.o2{width:min(52%,420px);aspect-ratio:1;border-style:dashed;animation:trilogy-orbit-reverse 18s linear infinite}
.trilogy-node{position:absolute;z-index:4;display:grid;gap:3px;min-width:104px;padding:11px 13px;border:1px solid rgba(255,255,255,.68);border-radius:17px;background:rgba(252,254,255,.74);box-shadow:0 15px 34px rgba(24,54,84,.13);backdrop-filter:blur(12px)}.trilogy-node b{font-size:.66rem;letter-spacing:.11em;color:#9d6c32}.trilogy-node span{font-size:.76rem;color:#183c60}.trilogy-node.n1{left:5%;top:22%}.trilogy-node.n2{right:4%;top:19%}.trilogy-node.n3{left:8%;bottom:13%}.trilogy-node.n4{right:8%;bottom:12%}
.trilogy-deep-dive{margin:76px 0 0;padding:clamp(28px,5vw,58px);border-radius:30px;background:#102f55;color:#f4f8fc;box-shadow:0 30px 80px rgba(13,40,72,.2)}.trilogy-deep-dive .eyebrow{color:#9de1d6}.trilogy-deep-dive h2{max-width:820px;margin:12px 0 16px;color:#fff;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(2rem,4vw,4rem);line-height:1.06;letter-spacing:-.04em}.trilogy-deep-dive>.lead{max-width:800px;color:rgba(255,255,255,.76);font-size:1.02rem;line-height:1.85}
.trilogy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}.trilogy-grid article{position:relative;min-height:215px;padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:21px;background:rgba(255,255,255,.065);overflow:hidden}.trilogy-grid article::after{content:"";position:absolute;right:-50px;bottom:-62px;width:145px;aspect-ratio:1;border:1px solid rgba(154,229,218,.18);border-radius:50%}.trilogy-grid b{display:block;color:#a7e9df;font-size:.67rem;letter-spacing:.16em}.trilogy-grid h3{margin:28px 0 10px;color:#fff;font-size:1.18rem}.trilogy-grid p{margin:0;color:rgba(255,255,255,.72);line-height:1.72}
.trilogy-decision-panel{margin:72px 0 0;padding:clamp(28px,4.5vw,50px);border:1px solid rgba(25,58,91,.14);border-radius:28px;background:linear-gradient(145deg,#fff,#f2f6fa);box-shadow:0 20px 60px rgba(19,46,78,.08)}.trilogy-decision-panel h2{margin:10px 0 24px;color:#12365e;font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(1.8rem,3.4vw,3.3rem)}
.trilogy-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#cfdae5}.trilogy-steps article{min-height:180px;padding:23px;background:#fff}.trilogy-steps b{color:#a16e35;font-size:.68rem;letter-spacing:.13em}.trilogy-steps h3{margin:24px 0 9px;color:#163a60;font-size:1.05rem}.trilogy-steps p{margin:0;color:#596d80;line-height:1.65}
body[data-insight-id="13"] .wealth-trilogy-visual{background:linear-gradient(145deg,rgba(241,250,247,.88),rgba(235,230,249,.58))}.structure-atlas{position:absolute;inset:74px 28px 30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}.structure-column{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;border:1px solid rgba(255,255,255,.74);border-radius:24px;background:rgba(255,255,255,.63);box-shadow:0 18px 45px rgba(31,54,80,.1);backdrop-filter:blur(12px)}.structure-column:nth-child(2){transform:translateY(-16px);background:linear-gradient(155deg,rgba(255,255,255,.82),rgba(224,245,239,.68))}.structure-column:nth-child(3){transform:translateY(9px);background:linear-gradient(155deg,rgba(255,255,255,.82),rgba(236,227,249,.72))}.structure-column b{color:#16736e;font-size:.67rem;letter-spacing:.15em}.structure-column h3{margin:17px 0 9px;color:#193b58;font-size:1.4rem}.structure-column p{margin:0;color:#5d6e7d;line-height:1.65}.structure-column i{position:absolute;right:20px;top:18px;width:38px;height:38px;border:1px solid rgba(41,109,103,.25);border-radius:50%;box-shadow:0 0 0 8px rgba(79,169,157,.06)}
body[data-insight-id="13"] .trilogy-deep-dive{background:radial-gradient(circle at 86% 8%,rgba(142,102,194,.28),transparent 34%),linear-gradient(135deg,#123b42,#19345c)}
body[data-insight-id="14"] .wealth-trilogy-visual{background:linear-gradient(145deg,rgba(255,247,244,.9),rgba(234,242,250,.66))}.protection-gap{position:absolute;inset:78px 30px 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.gap-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px}.gap-block{display:grid;align-content:end;min-height:206px;padding:18px;border-radius:20px;background:linear-gradient(180deg,#1a5270,#143452);color:#fff;box-shadow:0 20px 42px rgba(20,52,82,.17)}.gap-block.resources{min-height:152px;background:linear-gradient(180deg,#40968d,#266765)}.gap-block.result{min-height:112px;background:linear-gradient(180deg,#c48155,#8c5136)}.gap-block b{font-size:1.7rem}.gap-block span{margin-top:8px;font-size:.66rem;letter-spacing:.1em;opacity:.8}.gap-symbol{color:#284961;font-size:1.5rem;font-weight:300}.gap-risks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gap-risks span{display:grid;place-items:center;min-height:82px;padding:10px;border:1px solid rgba(42,80,111,.13);border-radius:18px;color:#244763;background:rgba(255,255,255,.67);font-size:.75rem;font-weight:800;box-shadow:0 12px 30px rgba(26,55,84,.07)}body[data-insight-id="14"] .trilogy-deep-dive{background:radial-gradient(circle at 87% 10%,rgba(232,140,104,.24),transparent 34%),linear-gradient(135deg,#243a55,#5c3843)}
@keyframes trilogy-ambient{to{transform:rotate(360deg)}}@keyframes trilogy-orbit{to{transform:rotate(346deg) scaleY(.72)}}@keyframes trilogy-orbit-reverse{to{transform:rotate(-374deg) scaleY(.72)}}
@media(max-width:820px){.wealth-trilogy-visual{min-height:520px}.trilogy-map{inset:64px 12px 22px}.trilogy-grid,.trilogy-steps{grid-template-columns:1fr 1fr}.structure-atlas{grid-template-columns:1fr;inset:70px 18px 20px}.structure-column,.structure-column:nth-child(2),.structure-column:nth-child(3){min-height:112px;transform:none}.protection-gap{grid-template-columns:1fr;inset:72px 18px 20px}.gap-equation{gap:5px}.gap-block{min-width:0;padding:12px}.gap-block b{font-size:1.25rem}}
@media(max-width:560px){.wealth-trilogy-visual{min-height:560px;border-radius:24px}.trilogy-node{min-width:88px;padding:9px}.trilogy-node.n1{left:1%;top:25%}.trilogy-node.n2{right:1%;top:24%}.trilogy-node.n3{left:2%;bottom:12%}.trilogy-node.n4{right:2%;bottom:11%}.trilogy-grid,.trilogy-steps{grid-template-columns:1fr}.trilogy-grid article,.trilogy-steps article{min-height:0}.gap-equation{grid-template-columns:1fr;align-items:stretch}.gap-symbol{text-align:center;line-height:1}.gap-block,.gap-block.resources,.gap-block.result{min-height:82px}.gap-risks{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.wealth-trilogy-visual::before,.trilogy-orbit{animation:none!important}}