:root{--cg-ink:#172033;--cg-muted:#526078;--cg-border:#d8dee8;--cg-bg:#f5f8fc;--cg-card:#fff;--cg-accent:#0b5cab;--cg-accent-dark:#073f78;--cg-soft:#eef5fc;--cg-shadow:0 18px 48px rgba(22,39,66,.10)}
.compound-guide-page{background:linear-gradient(180deg,#f7faff 0,#fff 460px);color:var(--cg-ink)}
.compound-guide-container{max-width:1120px;margin:0 auto;padding:18px 18px 64px}
.compound-breadcrumb{display:flex;gap:9px;flex-wrap:wrap;align-items:center;font-size:.92rem;margin:3px 0 18px;color:var(--cg-muted)}
.compound-breadcrumb a{color:var(--cg-accent);font-weight:700}
.compound-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:28px;align-items:center;overflow:hidden;border:1px solid #d9e4f1;border-radius:28px;padding:clamp(26px,5vw,54px);background:linear-gradient(135deg,#fff 0,#f1f7ff 100%);box-shadow:var(--cg-shadow);animation:cgRise .65s ease both}
.compound-hero-content{position:relative;z-index:2}.compound-kicker{font-size:.78rem;letter-spacing:.13em;font-weight:850;color:var(--cg-accent);margin:0 0 10px}.compound-hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.05;margin:.1em 0 .3em;max-width:760px}.compound-lead{font-size:1.12rem;line-height:1.75;color:var(--cg-muted);max-width:760px;margin:0}.compound-hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:24px}.compound-primary-cta,.compound-final-cta>a{display:inline-block;background:var(--cg-accent);color:#fff!important;text-decoration:none;padding:13px 18px;border-radius:12px;font-weight:800;box-shadow:0 8px 20px rgba(11,92,171,.18);transition:transform .2s ease,box-shadow .2s ease}.compound-primary-cta:hover,.compound-final-cta>a:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(11,92,171,.24)}.compound-reading-time{color:var(--cg-muted);font-size:.92rem}.compound-hero-visual{min-height:250px;position:relative;display:grid;place-items:center}.growth-orbit{width:210px;height:210px;border-radius:50%;border:1px solid #b8d2ea;box-shadow:inset 0 0 0 24px rgba(11,92,171,.035);animation:cgFloat 5s ease-in-out infinite}.growth-orbit:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--cg-accent);opacity:.9;box-shadow:0 0 0 15px rgba(11,92,171,.08)}.growth-card{position:absolute;background:#fff;border:1px solid #d9e4f1;border-radius:15px;padding:13px 15px;box-shadow:0 10px 26px rgba(22,39,66,.12);display:grid;gap:4px;font-size:.83rem}.growth-card strong{font-size:1rem}.growth-card-main{left:0;top:22px}.growth-card-small{right:0;bottom:28px}.growth-card-small b{color:var(--cg-accent)}
.compound-guide-layout{margin-top:24px}.compound-guide-article{background:var(--cg-card);border:1px solid var(--cg-border);border-radius:24px;padding:clamp(22px,4vw,48px);box-shadow:0 10px 35px rgba(22,39,66,.07);animation:cgRise .75s .08s ease both}.compound-intro-card{background:#f7fafc;border:1px solid var(--cg-border);border-radius:17px;padding:20px 22px}.compound-guide-article p,.compound-guide-article li{font-size:1rem;line-height:1.8}.compound-guide-article h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;margin:0 0 14px}.compound-guide-article h3{margin-top:22px}.compound-guide-article section{margin-top:44px}.compound-callout{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap;margin:24px 0;padding:18px 20px;border-left:5px solid var(--cg-accent);border-radius:12px;background:var(--cg-soft)}.compound-callout div{display:grid;gap:5px}.compound-callout a{font-weight:850;color:var(--cg-accent);text-decoration:none}.comparison,.factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.comparison>div,.factor-grid>div{border:1px solid var(--cg-border);border-radius:15px;padding:18px;background:var(--cg-bg)}.factor-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.factor-grid strong{display:block;margin-bottom:7px}.factor-grid p{margin:0;color:var(--cg-muted)}table{width:100%;border-collapse:collapse;margin:18px 0;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--cg-border)}th{background:var(--cg-soft)}.formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#172033;color:#fff;padding:16px;border-radius:12px;overflow:auto}.inline-cta{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;margin:22px 0;padding:17px;border-left:4px solid var(--cg-accent);background:var(--cg-soft);border-radius:10px}.inline-cta a{font-weight:800;color:var(--cg-accent)}.compound-final-cta{display:flex;justify-content:space-between;gap:22px;align-items:center;flex-wrap:wrap;margin-top:46px;padding:25px;border-radius:18px;background:linear-gradient(135deg,#eef5fc,#f8fbff);border:1px solid #cbdff2}.compound-final-cta h2{margin:.2em 0}.compound-final-cta p{margin:0;max-width:760px;color:var(--cg-muted)}.compound-guide-article a:focus-visible,.compound-guide-article summary:focus-visible,.compound-hero a:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.faq{margin-top:44px}.faq details,.disclaimer{border:1px solid var(--cg-border);border-radius:12px;padding:0 16px;margin:10px 0;background:#fff}.faq summary,.disclaimer summary{cursor:pointer;font-weight:800;padding:15px 0}.faq details p,.disclaimer p{margin:0 0 16px;color:var(--cg-muted)}.disclaimer{margin-top:42px;background:#f8fafc}
@keyframes cgRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes cgFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(3deg)}}
@media(max-width:850px){.compound-hero{grid-template-columns:1fr}.compound-hero-visual{min-height:180px}.growth-card-main{left:8%;top:5px}.growth-card-small{right:8%;bottom:4px}.factor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.compound-guide-container{padding:12px 10px 38px}.compound-hero{border-radius:18px;padding:24px 18px}.compound-hero h1{font-size:2.05rem}.compound-lead{font-size:1rem}.compound-hero-actions>*{width:100%;text-align:center}.compound-guide-article{border-radius:17px;padding:20px 17px}.compound-guide-article p,.compound-guide-article li{font-size:.98rem}.comparison,.factor-grid{grid-template-columns:1fr}.compound-callout{align-items:flex-start}.compound-callout a{width:100%}.compound-final-cta>a{width:100%;text-align:center}.growth-orbit{width:160px;height:160px}}
@media(prefers-reduced-motion:reduce){.compound-hero,.compound-guide-article,.growth-orbit{animation:none}.compound-primary-cta,.compound-final-cta>a{transition:none}.compound-primary-cta:hover,.compound-final-cta>a:hover{transform:none}}