/* Investor portal - teal theme */
body.inv{background:radial-gradient(1200px 500px at 85% -10%,#cdeee9 0,transparent 60%),#eef6f5}
.inv-top{background:linear-gradient(90deg,#0b4a46,#0f766e);color:#fff;display:flex;align-items:center;gap:26px;padding:6px 28px;min-height:64px;position:sticky;top:0;z-index:5;box-shadow:0 2px 14px rgba(11,74,70,.25)}
.inv-brand{line-height:1.15}.inv-brand .owner{display:block;font-size:.72rem;letter-spacing:1px;color:#b7e5df;font-weight:600}.inv-brand b{font-size:1.05rem}.inv-brand small{display:block;font-size:.62rem;color:#99d5cd;letter-spacing:.5px}
.inv-top nav{display:flex;gap:4px;flex:1}.inv-top nav a{color:#d7f3ef;padding:8px 14px;border-radius:999px;font-weight:600;font-size:.9rem}.inv-top nav a:hover{background:rgba(255,255,255,.12);text-decoration:none}.inv-top nav a.on{background:#fff;color:#0b4a46}
.inv-top .who{display:flex;align-items:center;gap:12px;font-size:.85rem;color:#d7f3ef}.inv-top .who form{margin:0}
.inv-main{max-width:1180px;margin:0 auto;padding:24px 20px 10px}
.inv-h{margin:2px 0 4px;font-size:1.7rem;letter-spacing:-.3px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:1.4px;font-size:.7rem;color:#0f766e;font-weight:700}
.small{font-size:.82rem}
.inv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.icard{background:#fff;border:1px solid #d3e5e2;border-radius:18px;padding:20px 22px;margin-bottom:18px;box-shadow:0 6px 22px rgba(15,118,110,.06)}
.icard h3{margin:0 0 12px;font-size:1.02rem}.icard-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.icard-head h3{margin:0}
.inv-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.inv-grid2 .icard{margin-bottom:18px}
.chart-box{position:relative;height:260px}.chart-box.tall{height:auto;min-height:220px}
.hero{display:grid;grid-template-columns:1.1fr 1.6fr;gap:0;border-radius:22px;overflow:hidden;margin-bottom:18px;background:linear-gradient(135deg,#0b4a46 0%,#0f766e 55%,#14b8a6 120%);color:#fff;box-shadow:0 14px 34px rgba(11,74,70,.28)}
.hero-main{padding:26px 30px}.hero .l{display:block;font-size:.72rem;letter-spacing:1.2px;text-transform:uppercase;color:#b7e5df;font-weight:600}
.hero .big{font-size:2.7rem;font-weight:800;letter-spacing:-1px;margin:4px 0 8px}
.delta{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.14);padding:6px 14px;border-radius:999px;font-size:.92rem}.delta.neg b,.delta.neg span{color:#fecdd3}.delta.pos b{color:#bbf7d0}
.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12)}
.hero-stats>div{background:rgba(7,52,49,.28);padding:16px 22px}.hero-stats b{display:block;font-size:1.35rem;margin-top:2px}.hero-stats small{color:#b7e5df;font-size:.75rem}
.hero-stats b.pos{color:#bbf7d0}.hero-stats b.neg{color:#fecdd3}
.search{max-width:280px;padding:8px 12px;border-radius:999px;border:1px solid #cfe3e0;background:#f6fbfa}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:6px 0 12px}.tab{border:1px solid #cfe3e0;background:#f6fbfa;border-radius:999px;padding:7px 14px;font:inherit;font-size:.85rem;font-weight:600;color:#0b4a46;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.tab i{width:9px;height:9px;border-radius:50%;display:inline-block}.tab.on{background:#0f766e;color:#fff;border-color:#0f766e}.tab.on i{box-shadow:0 0 0 2px #fff}
.pane{margin-bottom:18px}.pane-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin:6px 0 8px}.pane-head>div:first-child{flex:1;max-width:420px}
.pane-sum{font-weight:700;font-size:1.05rem;white-space:nowrap}
.meter{height:7px;background:#e2f0ee;border-radius:99px;margin-top:6px;overflow:hidden}.meter span{display:block;height:100%;border-radius:99px}
table.holdings td.name,table.txns td.name{max-width:420px}table.holdings td.name small,table.txns td.name small{display:block;color:#64748b;font-size:.76rem;font-weight:400;margin:2px 0}
.sip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sipcard{border:1px solid #cfe3e0;border-radius:14px;padding:12px 14px;background:#f6fbfa}.sipcard.missed{border-color:#f87171;background:#fff5f5}.sipcard b{font-size:1.15rem}.sipcard .nm{font-size:.85rem;margin:4px 0}
.alert-red{background:#fee2e2;border:1px solid #f87171;border-left:6px solid #dc2626;color:#991b1b;padding:12px 16px;border-radius:12px;margin-bottom:16px}
.contact{background:#f6fbfa}.contact p{margin:0}
/* auth screens */
.inv-auth{display:grid;grid-template-columns:1.1fr 1fr;max-width:900px;margin:40px auto;border-radius:22px;overflow:hidden;box-shadow:0 20px 50px rgba(11,74,70,.25);background:#fff}
.inv-auth.single{grid-template-columns:1fr;max-width:460px}
.inv-auth-side{background:linear-gradient(150deg,#0b4a46,#0f766e 60%,#14b8a6);color:#fff;padding:38px 34px}.inv-auth-side .owner{margin:0;letter-spacing:1.2px;font-weight:700;color:#b7e5df;font-size:.8rem}
.inv-auth-side h1{margin:4px 0 2px;font-size:1.8rem;color:#fff}.inv-auth-side .arn{margin:0;color:#b7e5df;font-size:.8rem}.inv-auth-side .tag{font-size:.7rem;letter-spacing:.8px;color:#d7f3ef;margin-top:14px}
.inv-auth-side ul{margin:26px 0 0;padding-left:18px;color:#e6faf7;line-height:1.9;font-size:.92rem}
.inv-auth-card{padding:36px 34px}.inv-auth-card h2{margin:0 0 6px}.btn.wide{width:100%;margin-top:18px}
.otp{font-size:1.6rem;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.86rem;margin-top:14px}label.check input{width:auto;margin-top:3px}
.wrap-narrow{max-width:640px;margin:0 auto}
.steps{padding-left:20px;line-height:1.55}.steps li{margin-bottom:18px}.qrbox{margin:10px 0;display:inline-block;padding:10px;border:1px solid #cfe3e0;border-radius:14px;background:#fff}.qrbox svg{width:200px;height:200px;display:block}
code.secret{font-size:1.05rem;letter-spacing:.08em;background:#f1f5f9;padding:3px 8px;border-radius:6px}
.codes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.codes code{background:#f1f5f9;border:1px dashed #94a3b8;border-radius:8px;padding:10px;text-align:center;font-size:1.05rem;letter-spacing:.12em}
@media(max-width:860px){.hero,.inv-grid2,.inv-auth{grid-template-columns:1fr}.inv-top{flex-wrap:wrap;gap:10px;padding:8px 14px}.inv-top nav{order:3;flex:0 0 100%;overflow-x:auto}.hero .big{font-size:2.1rem}.inv-main{padding:16px 12px}.inv-auth{margin:16px 12px}}
@media print{.inv-top,.btns,.search,.tabs{display:none!important}.icard,.hero{box-shadow:none}.hero{background:#0f766e!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.sum-toggle{cursor:pointer;list-style:none}.sum-toggle::-webkit-details-marker{display:none}

.bday-overlay{position:fixed;inset:0;z-index:999;background:rgba(6,40,38,.62);display:flex;align-items:center;justify-content:center;padding:18px;animation:bdfade .35s ease}
.bday-card{position:relative;overflow:hidden;max-width:460px;width:100%;text-align:center;background:linear-gradient(160deg,#fff 0%,#e8f7f4 100%);border-radius:22px;padding:34px 26px 26px;box-shadow:0 24px 70px rgba(0,0,0,.4);animation:bdpop .5s cubic-bezier(.2,1.3,.4,1)}
.bday-cake{font-size:3.4rem;line-height:1;animation:bdbounce 1.6s ease-in-out infinite}
.bday-card h2{margin:12px 0 4px;font-size:1.9rem;letter-spacing:4px;color:#0f766e;font-weight:800}
.bday-name{font-size:1.55rem;font-weight:700;color:#134e4a;margin-bottom:10px}
.bday-card p{color:#456;margin:0 0 18px;line-height:1.5}.bday-card small{color:#6b8582}
.bday-conf i{position:absolute;top:-12px;left:calc(var(--i)*5.6%);width:8px;height:14px;border-radius:2px;background:hsl(calc(var(--i)*47),80%,55%);animation:bdfall 3.2s linear infinite;animation-delay:calc(var(--i)*-.19s)}
@keyframes bdfall{to{transform:translateY(420px) rotate(540deg);opacity:.2}}
@keyframes bdpop{from{transform:scale(.7);opacity:0}}@keyframes bdfade{from{opacity:0}}@keyframes bdbounce{50%{transform:translateY(-8px) rotate(-4deg)}}
@media print{.bday-overlay{display:none!important}}

/* ---- side-tab layout ---- */
.inv-shell{display:flex;min-height:100vh;align-items:stretch}
.inv-side{width:264px;flex:0 0 264px;background:linear-gradient(180deg,#073431 0%,#0b4a46 55%,#0f766e 140%);color:#d7f3ef;padding:22px 14px 18px;display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh;overflow-y:auto}
.inv-side .inv-brand{padding:0 8px 14px;border-bottom:1px solid rgba(255,255,255,.14);line-height:1.2}
.inv-side .inv-brand .owner{display:block;font-size:.72rem;letter-spacing:1.2px;color:#b7e5df;font-weight:700}.inv-side .inv-brand b{display:block;font-size:1.12rem;color:#fff;margin:2px 0}.inv-side .inv-brand small{display:block;font-size:.68rem;color:#99d5cd}
.inv-user{padding:0 8px;font-size:.78rem;color:#99d5cd}.inv-user b{display:block;color:#fff;font-size:.95rem;word-break:break-all}
.inv-nav{display:flex;flex-direction:column;gap:4px}
.inv-nav a,.inv-nav .out{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:#d7f3ef;font:inherit;font-weight:600;font-size:.92rem;border:0;background:none;width:100%;text-align:left;cursor:pointer;border-left:4px solid transparent}
.inv-nav i{font-style:normal;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.1);color:var(--ac,#5eead4);font-size:.95rem;flex:0 0 22px}
.inv-nav a:hover,.inv-nav .out:hover{background:rgba(255,255,255,.1);text-decoration:none}
.inv-nav a.on{background:#fff;color:#0b4a46;border-left-color:var(--ac);box-shadow:0 6px 16px rgba(0,0,0,.2)}.inv-nav a.on i{background:#0f766e;color:#fff}
.inv-nav form{margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}.inv-nav .out{color:#fecaca}.inv-nav .out i{color:#fca5a5}
.inv-sec{margin-top:auto;padding:8px 12px;font-size:.82rem;color:#99d5cd;border-radius:10px}.inv-sec:hover,.inv-sec.on{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}
.inv-content{flex:1;min-width:0}
.inv-shell .inv-main{max-width:1100px}
.kpi3{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px;margin-bottom:18px}
.kcard{background:#fff;border:1px solid #d3e5e2;border-radius:18px;padding:20px 22px;box-shadow:0 6px 22px rgba(15,118,110,.06)}
.kcard .l{display:block;font-size:.72rem;letter-spacing:1.2px;text-transform:uppercase;color:#4b6b68;font-weight:700}.kcard b{display:block;font-size:1.9rem;margin:4px 0;letter-spacing:-.5px}.kcard em{font-style:normal;font-size:.84rem;color:#4b6b68}.kcard em.pos{color:#15803d}.kcard em.neg{color:#b91c1c}
.kcard b.pos{color:#15803d}.kcard b.neg{color:#b91c1c}
.kcard.main{background:linear-gradient(135deg,#0b4a46,#0f766e 60%,#14b8a6 130%);color:#fff;border:0;box-shadow:0 14px 30px rgba(11,74,70,.28)}.kcard.main .l,.kcard.main em{color:#c6efe9}.kcard.main em.pos{color:#bbf7d0}.kcard.main em.neg{color:#fecdd3}.kcard.main b{font-size:2.3rem}
.caps{text-transform:uppercase;letter-spacing:1px;color:#0f766e;font-size:.9rem!important}
.alloc-grid{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:center}
.inv-donut{position:relative;width:220px;height:220px}.inv-donut svg{width:100%;height:100%}
.inv-donut-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.inv-donut-c span{font-size:.62rem;letter-spacing:1px;text-transform:uppercase;color:#4b6b68}.inv-donut-c b{font-size:1.1rem;color:#0f766e}
.alloc-tbl{width:100%;border-collapse:collapse}.alloc-tbl th{font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:#4b6b68;text-align:left;padding:6px 8px;border-bottom:2px solid #d3e5e2}.alloc-tbl th.r,.alloc-tbl td.r{text-align:right}
.alloc-tbl td{padding:9px 8px;border-bottom:1px solid #e6f0ee}.alloc-tbl td.nm{font-weight:600}.alloc-tbl td.nm i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px}
.alloc-tbl td.sh{white-space:nowrap;font-size:.85rem;min-width:150px}.alloc-tbl .bar{display:inline-block;vertical-align:middle;width:80px;height:7px;background:#e2f0ee;border-radius:9px;margin-right:8px;overflow:hidden}.alloc-tbl .bar span{display:block;height:100%}
.alloc-tbl tfoot td{font-weight:800;background:#e8f5f2;border-bottom:0}
.subtabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;border-bottom:2px solid #d3e5e2}.subtabs a{padding:9px 16px;font-weight:700;font-size:.9rem;color:#4b6b68;border-radius:10px 10px 0 0;margin-bottom:-2px;border-bottom:3px solid transparent}.subtabs a:hover{text-decoration:none;background:#e8f5f2}.subtabs a.on{color:#0f766e;border-bottom-color:#0f766e;background:#fff}
.alert-target{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px;border-radius:12px;margin-bottom:14px;border:1px solid #fbbf24;border-left:6px solid #f59e0b;background:#fffbeb;color:#78350f}
.alert-target.done{border-color:#4ade80;border-left-color:#16a34a;background:#f0fdf4;color:#14532d}.alert-target form{margin:0}
.tform{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px 16px;align-items:end}.tform label{font-weight:600;font-size:.85rem;display:flex;flex-direction:column;gap:4px}.tform .wide{grid-column:1/-1}.tform-btn{display:flex;align-items:flex-end}
.meter.big{height:12px}.tgt.done .meter span{background:#16a34a}.tgt.verge .meter span{background:#f59e0b}.tgt .meter span{background:#0f766e}.tgt.late{border-color:#fca5a5}.tgt-nums{margin:4px 0 8px}
.wish.is-done{opacity:.65}.calc-frame{padding:0;overflow:hidden}
.linkbtn{cursor:pointer;color:#0f766e;font-weight:700;margin:4px 0}
@media(max-width:900px){.inv-shell{flex-direction:column}.inv-side{position:static;width:auto;height:auto;flex:none;padding:12px}.inv-nav{flex-direction:row;overflow-x:auto;gap:6px}.inv-nav a,.inv-nav .out{white-space:nowrap;width:auto}.inv-nav form{margin:0;padding:0;border:0}.inv-side .inv-user,.inv-sec{display:none}.kpi3,.alloc-grid{grid-template-columns:1fr}.inv-donut{margin:0 auto}}
@media print{.inv-side{display:none!important}.inv-shell{display:block}}
.tform input,.tform select,.tform textarea{padding:9px 11px;border:1px solid #cfe3e0;border-radius:10px;background:#f6fbfa;font:inherit;font-weight:400;width:100%;box-sizing:border-box}
.tform input:focus,.tform select:focus,.tform textarea:focus{outline:2px solid #14b8a6;background:#fff}
.amcbar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.amc{display:flex;align-items:center;gap:8px;border:1px solid #cfe3e0;background:#fff;border-radius:12px;padding:6px 12px 6px 6px;cursor:pointer;font:inherit;text-align:left}.amc:hover{border-color:#14b8a6}.amc.on{outline:2px solid #14b8a6;background:#f0fdfa}
.amc i{font-style:normal;width:34px;height:34px;border-radius:9px;color:#fff;font-weight:700;font-size:.72rem;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.amc b{display:block;font-size:.82rem;line-height:1.1}.amc small{color:#64748b;font-size:.72rem}
.amc-off{display:none!important}.sno{color:#64748b;font-size:.8rem;width:1%}
a.folio{color:#0f766e;font-weight:700;text-decoration:none;border-bottom:1px dashed #0f766e}a.folio:hover{color:#0b4a46;background:#e6f6f3}
.posk{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.posk div{background:#f6fbfa;border:1px solid #cfe3e0;border-radius:10px;padding:8px 12px}.posk span{display:block;font-size:.72rem;color:#64748b}.posk b{font-size:1.05rem}
.stmt{background:#fff;border:1px solid #9fd3cc;border-radius:6px;overflow:hidden;margin-bottom:16px}
.stmt-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:8px 12px;font-size:.9rem}
.stmt-link{background:none;border:0;padding:0;font:inherit;font-weight:600;color:#0f766e;text-decoration:underline;cursor:pointer}.stmt-back{display:inline-block;margin-right:12px;padding:4px 12px;border-radius:8px;background:#0f766e;color:#fff!important;font-weight:700;font-size:.82rem;text-decoration:none!important}.stmt-back:hover{background:#0b4a46}
.stmt-band{background:linear-gradient(90deg,#0b4a46,#0f766e);color:#fff;padding:10px 12px}.stmt-name{font-weight:700;font-size:1.1rem}.stmt-sub{font-size:.78rem;opacity:.9;margin-top:2px}
.stmt-tbl{width:100%;border-collapse:collapse;font-size:.85rem}.stmt-tbl th{text-align:left;padding:8px 12px;border-bottom:1px solid #0f766e;font-size:.78rem;background:#fff;color:#111}.stmt-tbl th.r,.stmt-tbl td.r{text-align:right}
.stmt-tbl td{padding:6px 12px;background:#d3ece8;border-bottom:1px solid #fff;vertical-align:top}.stmt-tbl tr.hist td{background:#e8f5f3}.stmt-tbl tr.ob td{background:#fff;font-weight:700;border-bottom:1px solid #d5dde5}
.stmt-tbl .dt{white-space:nowrap;text-align:center}.stmt-tbl tr.out td{font-style:italic}.stmt-tbl tr.rev td{opacity:.5;text-decoration:line-through}
.stmt-desc{display:block;color:#475569;font-style:italic;font-size:.76rem;margin-top:2px;font-weight:400}
.stmt-foot{padding:8px 12px;font-size:.85rem;border-top:1px solid #b9ddd8;background:#f3fbf9}.stmt-foot b{color:#0f766e}
.stmt .ob-cur,.stmt .nofy{display:none}.stmt.hide-hist .ob-all,.stmt.hide-hist .hist{display:none}.stmt.hide-hist .ob-cur,.stmt.hide-hist .nofy{display:table-row}

.inv-brand small.amfi{color:#5eead4;font-weight:700;letter-spacing:.3px;margin-top:3px}
.inv-brand small.tg{margin-top:3px;font-style:italic}
.dist-shell main{max-width:1240px}
.foot p{margin:0 0 6px}
.tagline-band{margin:14px -22px -20px;padding:15px 22px;text-align:center;background:linear-gradient(90deg,#0b4a46,#0f766e 55%,#14b8a6);color:#fff;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-weight:800;font-size:1.02rem;letter-spacing:1.6px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.25);border-radius:0 0 18px 18px}

.amc-logo{display:inline-block;height:18px;max-width:58px;width:auto;object-fit:contain;vertical-align:middle;margin-right:7px;border-radius:3px}
.amc-tile{height:34px;width:70px;object-fit:contain;background:#fff;border-radius:7px;padding:2px 4px;border:1px solid #e2eceb;flex:0 0 auto}
.amc{padding:5px 12px 5px 5px}
.ext-note{background:#fffbeb;border:1px solid #fcd34d;border-left:5px solid #f59e0b;color:#78350f;border-radius:12px;padding:12px 16px;margin:0 0 16px;font-size:.9rem;line-height:1.45}
.ext-btnrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px}
[hidden]{display:none!important}

/* ---- compact rows: more of the portfolio on one screen ---- */
td{padding:7px 10px}
.cat table td,table.holdings td,table.txns td,table.ext td,.period table td{padding:4px 9px;font-size:.82rem;line-height:1.28}
.cat table th,table.holdings th,table.txns th,table.ext th,.period table th{padding:5px 9px;font-size:.66rem}
.cat td.name,table.holdings td.name,table.txns td.name{font-size:.84rem}
.cat td.name small,table.holdings td.name small,table.txns td.name small,table.ext td.name small{font-size:.7rem!important;margin:1px 0 0!important}
.cat table td .badge,table.holdings td .badge{font-size:.66rem;padding:0 6px}
.cat table td .sip,table.holdings td .sip{font-size:.66rem;padding:0 7px;margin-top:2px}
.cat table tfoot td{padding:5px 9px}
.cat-head{padding:8px 16px}
.amc-logo{height:16px;max-width:52px;margin-right:6px}
.stmt-tbl td{padding:3px 12px;font-size:.8rem;line-height:1.25}.stmt-tbl th{padding:6px 12px}.stmt-desc{font-size:.68rem;margin-top:0}
.alloc-tbl td{padding:6px 8px;font-size:.88rem}
.cat td.name{min-width:190px}.cat table td,.cat table th{padding-left:7px;padding-right:7px}

/* ---- About Distributor (My Story) ---- */
.story{max-width:900px;margin:0 auto;font-family:Georgia,"Times New Roman",serif}
.story-hero{background:radial-gradient(120% 140% at 85% 0%,#14867c 0%,#0b4a46 48%,#062b29 100%);color:#fff;border-radius:18px;padding:34px 30px 30px;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 30px -14px rgba(6,43,41,.7)}
.story-hero:after{content:"";position:absolute;inset:auto -40px -60px auto;width:220px;height:220px;border-radius:50%;border:30px solid rgba(253,230,138,.10)}
.story-kick{font:800 .78rem "Segoe UI",system-ui,sans-serif;letter-spacing:.34em;color:#fde68a;margin:0 0 10px}
.story-h{font-weight:700;font-size:clamp(1.35rem,3.4vw,2.05rem);line-height:1.25;margin:0;color:#fff}
.story-h em{font-style:italic;color:#99f6e4;font-weight:400}
.story-by{margin:14px 0 0;font:600 .92rem "Segoe UI",system-ui,sans-serif;color:#d5f3ee;letter-spacing:.02em}.story-by span{color:#fde68a;margin:0 6px}
.story-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}
.stab{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #bfe3dd;background:#fff;color:#0b4a46;border-radius:12px;padding:11px 12px;font:700 .86rem/1.25 "Segoe UI",system-ui,sans-serif;cursor:pointer;transition:.15s}
.stab b{flex:none;width:26px;height:26px;border-radius:50%;background:#e0f5f1;color:#0f766e;display:grid;place-items:center;font-size:.82rem}
.stab:hover{background:#f0fbf9;transform:translateY(-1px)}
.stab.on{background:#0f766e;color:#fff;border-color:#0f766e;box-shadow:0 6px 16px -8px #0f766e}.stab.on b{background:#fde68a;color:#5a3d00}
.story-pane{background:#fff;border:1px solid #d6e4e2;border-radius:16px;padding:28px 32px;color:#16302d;font-size:1.04rem;line-height:1.72}
.story-pane h2{font-size:1.55rem;color:#0b4a46;margin:0 0 14px;padding-bottom:10px;border-bottom:3px solid #fde68a;display:inline-block}
.story-pane h2.big{display:block;border:0;text-align:center;font-size:clamp(1.4rem,3.6vw,2.2rem);letter-spacing:.02em;line-height:1.25;color:#0f766e;padding:8px 0 4px}
.story-pane p{margin:0 0 14px}.story-pane .lead{font-size:1.14rem;color:#0e2321}
.story-pane blockquote{margin:18px 0;padding:14px 20px;border-left:5px solid #0f766e;background:linear-gradient(90deg,#e6f6f3,#f7fcfb);border-radius:0 12px 12px 0;font-style:italic;font-size:1.12rem;color:#0b4a46}
.milestone{display:flex;gap:16px;align-items:flex-start;background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:14px 18px;margin-top:8px}
.milestone span{flex:none;background:#0b4a46;color:#fde68a;font:800 .8rem "Segoe UI",system-ui,sans-serif;letter-spacing:.06em;padding:7px 11px;border-radius:8px;white-space:nowrap}.milestone p{margin:0}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:8px 0 20px}
.pillar{position:relative;background:linear-gradient(160deg,#f2fbf9,#fff);border:1px solid #cfe7e2;border-radius:14px;padding:16px 16px 6px 58px}
.pillar i{position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;background:#0f766e;color:#fff;display:grid;place-items:center;font:800 1rem "Segoe UI",sans-serif;font-style:normal}
.pillar h3{margin:0 0 6px;font-size:1.02rem;color:#0b4a46;line-height:1.3}.pillar p{font-size:.95rem;line-height:1.6}
.story-pane h3.sub{font-size:1.2rem;color:#0f766e;margin:22px 0 10px}
.story-final{text-align:center;background:linear-gradient(180deg,#f2fbf9,#fff)}.story-final .lead{max-width:680px;margin:14px auto}
.thanks{font-style:italic;font-size:1.2rem;color:#0f766e;margin-top:20px!important}
.story-sign{display:grid;grid-template-columns:auto 1fr;gap:6px 22px;align-items:center;margin-top:18px;background:linear-gradient(135deg,#062b29,#0b4a46);color:#d5f3ee;border-radius:16px;padding:22px 26px;font-family:"Segoe UI",system-ui,sans-serif}
.sg-photo{width:112px;height:122px;object-fit:cover;object-position:50% 20%;border-radius:14px;border:3px solid #fde68a}
.sg-body{display:flex;flex-direction:column;gap:2px;font-size:.9rem}
.sg-sig{height:62px;width:auto;align-self:flex-start;background:#fff;border-radius:10px;padding:4px 12px;margin-bottom:6px}
.sg-name{font-size:1.15rem;letter-spacing:.08em;color:#fff}.sg-body em{color:#fde68a;font-size:.84rem;margin-top:4px}
.sg-note{grid-column:1/-1;margin:10px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.18);font-size:.78rem;color:#9fd1c9}
@media(max-width:820px){.story-tabs{grid-template-columns:1fr 1fr}.pillars{grid-template-columns:1fr}.story-pane{padding:20px 18px}}
@media(max-width:520px){.story-tabs{grid-template-columns:1fr}.story-sign{grid-template-columns:1fr;text-align:left}.sg-photo{width:96px;height:104px}}

/* top-left brand block: keep identical to the distributor side panel */
.inv-side .inv-brand .firm{display:block;font-size:1.18rem;font-weight:800;letter-spacing:.8px;color:#2cf5da;text-shadow:0 0 10px rgba(44,245,218,.5);margin:0 0 3px}
.inv-side .inv-brand .owner{display:block;font-size:.82rem;font-weight:700;letter-spacing:1.2px;color:#fff}
.inv-side .inv-brand small.amfi{display:block;font-size:.66rem;font-weight:700;letter-spacing:.3px;color:#fff;margin-top:2px}
.inv-side .inv-brand small.arn{display:block;font-size:.68rem;font-weight:600;color:#c9f1ec;margin-top:2px}
.inv-side .inv-brand small.ct{color:#99d5cd}