:root{--navy:#0E1F4D;--navy2:#1B2F6B;--blue:#1E4FA0;--red:#D7212A;--gold:#F2B01E;--teal:#3FB6A8;--dur:.8s;--stag:80ms;--d0:.3s;--ez:cubic-bezier(.22,1,.36,1);--bk:cubic-bezier(.34,1.56,.64,1)}
@media (prefers-reduced-motion:reduce){:root{--dur:.3s;--stag:25ms;--d0:.05s}}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;background:#05091a;overflow:hidden;font-family:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
#wrap{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;cursor:pointer}
#stage{width:1920px;height:1080px;flex:none;position:relative;transform-origin:center;background:var(--navy);overflow:hidden;box-shadow:0 0 120px rgba(0,0,0,.8)}
.slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s;background:radial-gradient(ellipse at 72% 22%,var(--g1,#1B2F6B) 0%,var(--g2,#0E1F4D) 50%,#050a1f 100%)}
.slide.on{opacity:1;transform:none;visibility:visible;transition-delay:0s;z-index:2}
.g-teal{--g1:#1f6d72}.g-red{--g1:#5a1a24}.g-blue{--g1:#1E4FA0}.g-gold{--g1:#5c4512}.g-sky{--g1:#3a6fb8;--g2:#17306c}
.media{position:absolute;inset:0;overflow:hidden}
.media::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg at 50% 50%,transparent 0 40%,rgba(255,255,255,.05) 50%,transparent 60% 100%);animation:spin 40s linear infinite}
.still{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;animation:kb 26s ease-in-out infinite alternate}
.motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s}
.motion.ready{opacity:1}.motion.dead{display:none}
.scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,38,.9) 0%,rgba(6,12,38,.6) 45%,rgba(6,12,38,.2) 100%),linear-gradient(0deg,rgba(6,12,38,.92) 0%,rgba(6,12,38,0) 50%)}
.c{position:absolute;inset:0;padding:120px 120px 110px;display:flex;flex-direction:column;z-index:3}
.eyebrow{font-size:22px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:22px}
h1{font-size:100px;font-weight:900;line-height:1.02;letter-spacing:.005em;text-shadow:0 6px 40px rgba(0,0,0,.45)}
h1.caps{text-transform:uppercase;letter-spacing:.06em;font-size:90px}
.sub{font-size:34px;font-weight:500;color:rgba(255,255,255,.88);margin-top:22px;max-width:1400px;line-height:1.3}
.au{color:var(--gold)}.rd{color:var(--red)}.wh{color:#fff}
.in{opacity:0}
.slide.on .in{animation:enter var(--dur) var(--ez) both;animation-delay:calc(var(--i,0)*var(--stag) + var(--d0))}
.wr .w{display:inline-block;overflow:hidden;padding:.12em .02em .1em;margin:-.12em -.02em -.1em;vertical-align:bottom}
.wr .w>span{display:inline-block;transform:translateY(115%);opacity:0}
.slide.on .wr .w>span{animation:word .9s var(--ez) both;animation-delay:calc(var(--i)*70ms + .25s)}
.slide.on .wr.burst .w>span{animation:burst 1.1s var(--ez) both;animation-delay:calc(var(--i)*90ms + .3s)}
.burst{color:var(--gold);text-shadow:0 0 30px rgba(242,176,30,.55),0 0 80px rgba(242,176,30,.35)}
/* tiles */
.tiles{display:grid;gap:22px;margin-top:auto}
.t8{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,235px)}
.t6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,245px)}
.tile{position:relative;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,rgba(63,182,168,.85),rgba(27,47,107,.92));box-shadow:0 20px 50px rgba(0,0,0,.4);opacity:0}
.t6 .tile{background:linear-gradient(160deg,rgba(96,112,146,.9),rgba(27,47,107,.96))}
.slide.on .tile{animation:fly var(--dur) var(--ez) both;animation-delay:calc(var(--i)*110ms + .7s)}
.tile::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 55%)}
.tile::after{content:"";position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 38%,rgba(242,176,30,.6) 50%,transparent 62%);transform:translateX(-130%)}
.slide.on .tile::after{animation:sweep 1.3s ease-out both;animation-delay:calc(var(--i)*110ms + 1.15s)}
.tile b{position:absolute;left:28px;right:28px;bottom:24px;font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;line-height:1.1;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.tile i{position:absolute;top:14px;right:22px;font-style:normal;font-size:84px;font-weight:900;color:rgba(255,255,255,.13);line-height:1}
/* slide 3 */
.band{display:inline-block;align-self:flex-start;background:var(--navy);padding:14px 36px;font-size:30px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;border-left:6px solid var(--gold);box-shadow:0 10px 30px rgba(0,0,0,.4)}
.hrow{display:flex;align-items:center;gap:50px}
.people{display:flex;gap:9px;margin:30px 0 48px}
.people svg{width:34px;height:54px;fill:#8DB1EF;opacity:0;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4))}
.people svg.g{fill:var(--gold)}
.slide.on .people svg{animation:pop .5s var(--bk) both;animation-delay:calc(var(--i)*45ms + .5s)}
.bar{height:26px;width:1040px;background:rgba(255,255,255,.12);border-radius:13px;position:relative}
.bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:13px;background:linear-gradient(90deg,var(--blue),#8DB1EF)}
.slide.on .bar i{animation:fill 1.7s var(--ez) both 1s}
.bar em{position:absolute;right:0;top:0;bottom:0;width:5%;background:var(--gold);border-radius:0 13px 13px 0;box-shadow:0 0 18px rgba(242,176,30,.8)}
.bar b{position:absolute;top:-34px;font-size:24px;font-weight:900}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}
.stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:20px 22px;backdrop-filter:blur(10px);display:flex;gap:16px;align-items:flex-start}
.dot{width:52px;height:52px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.stat p{font-size:20px;line-height:1.3;font-weight:600}
.stat .n{font-size:34px;color:var(--gold);font-weight:900;display:block;margin-bottom:2px}
.qbox{margin-top:26px;background:rgba(30,79,160,.35);border:1px solid rgba(141,177,239,.5);border-radius:18px;padding:20px 34px;font-size:30px;font-weight:700}
.qbox b{display:block;color:var(--red);font-size:36px;letter-spacing:.14em;margin-top:6px;text-shadow:0 0 20px rgba(215,33,42,.5)}
.pairs{display:flex;gap:40px;margin-top:auto}
.pair{flex:1;text-align:center;font-weight:800;font-size:22px;letter-spacing:.12em}
.pair span{display:block;color:var(--gold);font-size:17px;margin-top:4px;font-weight:600}
.ic{width:64px;height:64px;margin:0 auto 10px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;color:var(--gold)}
.ic svg{width:38px;height:38px}
/* slide 4 */
.list{list-style:none;margin-top:18px}
.list li{font-size:36px;font-weight:600;padding:10px 0 10px 44px;position:relative}
.list li::before{content:"";position:absolute;left:0;top:22px;width:20px;height:20px;border-radius:50%;background:var(--red);box-shadow:0 0 16px rgba(215,33,42,.7)}
.big{font-size:84px;font-weight:900;letter-spacing:.04em;margin-top:40px}
.veh{display:flex;align-items:center;gap:40px;margin-top:auto;font-size:40px;font-weight:700}
.veh .u{color:var(--red);text-decoration:underline;text-decoration-thickness:6px;text-underline-offset:10px}
.veh svg{width:150px;height:110px;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.veh .bike{stroke:var(--red)}.veh .car{stroke:#fff}
.sp line{stroke:var(--gold);stroke-width:5;animation:speed 1.1s ease-out infinite}
.sp line:nth-child(2){animation-delay:.2s}.sp line:nth-child(3){animation-delay:.4s}
.ppl5{position:absolute;right:120px;top:160px;display:flex;gap:26px}
.ppl5 svg{width:90px;height:144px;fill:#8DB1EF;opacity:0}
.ppl5 svg.g{fill:var(--gold)}
.slide.on .ppl5 svg{animation:pop .6s var(--bk) both;animation-delay:calc(var(--i)*110ms + .5s)}
/* slide 5 */
.qmark{position:absolute;right:160px;top:40px;font-size:560px;font-weight:900;color:var(--red);line-height:1;opacity:0;text-shadow:0 0 60px rgba(215,33,42,.45)}
.slide.on .qmark{animation:qin 1.2s var(--bk) both .4s}
.bul{list-style:none;margin-top:36px}
.bul li{font-size:38px;font-weight:600;padding:12px 0 12px 56px;position:relative}
.bul li::before{content:"";position:absolute;left:0;top:26px;width:28px;height:28px;background:var(--gold);transform:rotate(45deg);border-radius:4px}
.rings{display:flex;gap:70px;margin-top:auto}
.ring{text-align:center;position:relative}
.ring svg{width:250px;height:250px;transform:rotate(-90deg)}
.ring .tr{fill:none;stroke:rgba(255,255,255,.12);stroke-width:18}
.ring .arc{fill:none;stroke:var(--red);stroke-width:18;stroke-linecap:round;stroke-dasharray:var(--c);stroke-dashoffset:var(--c)}
.ring:nth-child(2) .arc{stroke:var(--teal)}.ring:nth-child(3) .arc{stroke:var(--gold)}
.slide.on .ring .arc{animation:draw 1.8s var(--ez) both;animation-delay:calc(var(--i)*200ms + .6s)}
.ring .v{position:absolute;top:0;left:0;width:250px;height:250px;display:grid;place-items:center;font-size:62px;font-weight:900;color:var(--gold)}
.ring .l{margin-top:16px;font-size:28px;letter-spacing:.3em;font-weight:800}
/* slide 6 + logos */
.amway{position:relative;display:inline-flex;align-items:center;gap:14px;padding:10px 14px;overflow:hidden;align-self:flex-start}
.amway img{height:76px;display:block}
.amway .wm{display:none;font-size:62px;font-weight:900;letter-spacing:-.02em;line-height:1}
.amway .wm::after{content:"";display:inline-block;width:76px;height:10px;background:var(--red);border-radius:6px;margin-left:10px;transform:skewX(-25deg)}
.amway.nologo .wm{display:block}.amway.nologo img{display:none}
.amway::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);transform:translateX(-140%)}
.slide.on .amway::after{animation:sweep 1.5s ease-in-out both 1.1s}
.amway small{display:block;font-size:14px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.8);margin-top:6px;font-weight:700}
.checks{list-style:none;margin-top:40px;max-width:1150px}
.checks li{font-size:36px;font-weight:600;line-height:1.3;padding:16px 0 16px 70px;position:relative;border-bottom:1px solid rgba(255,255,255,.12)}
.checks li::before{content:"";position:absolute;left:0;top:22px;width:40px;height:40px;border-radius:10px;background:var(--gold);clip-path:polygon(14% 50%,0 66%,40% 100%,100% 22%,86% 8%,40% 72%)}
.checks b{color:var(--gold)}
.hq{position:absolute;right:120px;bottom:110px;width:560px;height:360px;border-radius:24px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(160deg,rgba(30,79,160,.5),rgba(14,31,77,.2));backdrop-filter:blur(8px);display:grid;place-items:center;text-align:center;font-size:20px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75);padding:30px;font-weight:700}
/* slide 7 */
.c.dense{padding:70px 100px 70px}
.hdr{display:flex;align-items:center;gap:40px}
.seal{width:170px;height:170px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#ffd978,#c98f10 70%);color:var(--navy);display:grid;place-items:center;text-align:center;font-size:14px;font-weight:900;letter-spacing:.08em;line-height:1.2;padding:20px;box-shadow:0 0 0 6px rgba(242,176,30,.3),0 15px 40px rgba(0,0,0,.4)}
.seal b{display:block;font-size:34px;line-height:1}
.slide.on .seal{animation:pop .8s var(--bk) both .3s,wob 7s ease-in-out 1.2s infinite}
.hdr h1{font-size:62px;letter-spacing:.1em}
.hdr .sub{font-size:26px;letter-spacing:.3em;text-transform:uppercase;margin-top:10px;font-weight:700;color:var(--gold)}
.hdr .amway{margin-left:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px}
.card{opacity:0}
.slide.on .card{animation:fly var(--dur) var(--ez) both;animation-delay:calc(var(--i)*140ms + .6s)}
.fl{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:26px 30px;backdrop-filter:blur(14px);box-shadow:0 25px 60px rgba(0,0,0,.4);height:100%}
.slide.on .fl{animation:float 6s ease-in-out infinite;animation-delay:calc(var(--i)*1.3s + 1.4s)}
.fl h3{font-size:30px;font-weight:900;letter-spacing:.16em;color:var(--gold);padding-bottom:12px;border-bottom:2px solid rgba(242,176,30,.4)}
.fl ul{list-style:none}
.fl li{font-size:17px;line-height:1.3;margin-top:12px;padding-left:14px;border-left:3px solid var(--teal);color:rgba(255,255,255,.85);font-weight:500}
.fl li b{display:block;font-size:21px;letter-spacing:.06em;color:#fff;font-weight:800}
.irow{display:flex;gap:26px;margin-top:30px}
.irow div{flex:1;font-size:15px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;padding-left:16px;border-left:4px solid var(--gold)}
.foot{margin-top:auto;font-size:16px;line-height:1.45;color:rgba(255,255,255,.75);max-width:1720px}
.foot b{color:#fff;letter-spacing:.06em}
/* slide 8 */
.c.r8{flex-direction:row;align-items:flex-end;gap:80px}
.three{flex:none;width:760px}
.three .n3{font-size:480px;font-weight:900;color:var(--red);line-height:.9;text-shadow:0 0 80px rgba(215,33,42,.4)}
.three .f{font-size:60px;font-weight:700;color:var(--red);margin-top:6px}
.three .g{font-size:110px;font-weight:900;letter-spacing:.1em;line-height:1}
.three hr{border:0;height:6px;background:var(--gold);width:280px;margin-top:30px}
.pillars{flex:1;display:flex;align-items:flex-end;gap:36px;height:720px}
.pil{flex:1;position:relative;border-radius:20px 20px 0 0;background:linear-gradient(180deg,rgba(30,79,160,.9),rgba(14,31,77,.75));border:1px solid rgba(255,255,255,.18);border-bottom:0;transform-origin:bottom;transform:scaleY(0);opacity:0;height:var(--h)}
.slide.on .pil{animation:rise 1.1s var(--ez) both;animation-delay:calc(var(--i)*180ms + .6s)}
.pil i{position:absolute;top:26px;left:30px;font-style:normal;font-size:64px;font-weight:900;color:var(--gold)}
.pil b{position:absolute;left:30px;right:30px;bottom:44px;font-size:34px;font-weight:900;letter-spacing:.1em;line-height:1.15;text-transform:uppercase}
/* slides 9-12 */
.c.plan{flex-direction:row;gap:40px;padding:100px}
.ladder{width:500px;flex:none;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);align-self:flex-start}
.ladder .hd,.ladder .row{display:grid;grid-template-columns:1fr 1.1fr 1.3fr;gap:10px;padding:0 18px;align-items:center}
.ladder .hd{background:var(--navy);height:70px;font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;line-height:1.2}
.ladder .row{height:68px;font-size:22px;font-weight:700;border-top:1px solid rgba(255,255,255,.08);opacity:0}
.slide.on .ladder .row{animation:slidex var(--dur) var(--ez) both;animation-delay:calc(var(--i)*var(--stag) + .4s)}
.pct{display:inline-block;background:var(--blue);border-radius:999px;padding:4px 14px;font-size:19px}
.row.hit{background:rgba(242,176,30,.16);box-shadow:inset 5px 0 0 var(--red)}
.row.hit .pct{background:var(--red)}
.row .call{font-size:16px;color:var(--gold);font-weight:800;line-height:1.25}
.copy{flex:1;display:flex;flex-direction:column;min-width:0}
.copy p{font-size:24px;line-height:1.4;margin-top:16px;font-weight:500}
.copy .step{display:flex;gap:14px;align-items:flex-start;font-size:20px;line-height:1.35;margin-top:14px;font-weight:500}
.copy .step i{width:38px;height:38px;border-radius:10px;background:rgba(242,176,30,.22);color:var(--gold);flex:none;display:grid;place-items:center;font-weight:900;font-size:17px;font-style:normal}
.money{margin-top:auto;font-size:104px;color:var(--gold);font-weight:900;line-height:1;text-shadow:0 0 40px rgba(242,176,30,.35)}
.money small{font-size:24px;color:#fff;font-weight:700;display:block;letter-spacing:.28em;text-transform:uppercase;margin-top:10px}
.fn{font-size:13px;color:rgba(255,255,255,.6);margin-top:14px;line-height:1.35}
.tree{width:560px;flex:none;align-self:center}
.tree svg{width:560px;height:560px;overflow:visible}
.tree line{stroke:rgba(255,255,255,.45);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1}
.slide.on .tree line{animation:draw 0.7s ease-out both;--off:0;animation-delay:calc(var(--i)*var(--stag) + .5s)}
.node{opacity:0;transform-box:fill-box;transform-origin:center}
.slide.on .node{animation:pop .7s var(--bk) both;animation-delay:calc(var(--i)*var(--stag) + .6s)}
.node circle{stroke:#fff;stroke-width:3}
.n0 circle{fill:var(--gold);filter:drop-shadow(0 0 24px rgba(242,176,30,.7))}
.n1 circle{fill:var(--blue)}.n2 circle{fill:var(--red)}
.node text{fill:#fff;font-weight:900;text-anchor:middle;font-size:20px;font-family:inherit}
.n0 text{fill:var(--navy)}.n2 text{font-size:16px}.n1 text{font-size:17px}
.node text.s{font-size:14px;font-weight:700}
.tree[data-solo] .n0 text{font-size:40px}.tree[data-solo] .n0 text.s{font-size:24px;font-weight:800}
/* slide 13 */
.inc{margin-top:36px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.14)}
.inc .hd,.inc .row{display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:center;padding:0 40px;gap:30px}
.inc .hd{background:#F08A1E;color:#fff;height:84px;font-size:18px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;line-height:1.2}
.inc .row{height:118px;background:rgba(255,255,255,.06);border-top:1px solid rgba(255,255,255,.1);font-size:40px;font-weight:900;color:var(--gold);opacity:0}
.inc .row:nth-child(odd){background:rgba(255,255,255,.1)}
.slide.on .inc .row{animation:slidex var(--dur) var(--ez) both;animation-delay:calc(var(--i)*180ms + .6s)}
.lv{display:flex;align-items:center;gap:22px;font-size:30px;color:#fff;font-weight:800;position:relative}
.gem{width:66px;height:66px;flex:none;filter:drop-shadow(0 0 14px currentColor)}
.spk{position:absolute;width:22px;height:22px;fill:#fff;opacity:0;animation:spark 2.4s ease-in-out infinite}
.lv .spk:nth-of-type(2){left:40px;top:-6px}.lv .spk:nth-of-type(3){left:0;top:34px;animation-delay:.8s;width:14px;height:14px}
.inc+.sub{margin-top:auto;font-size:30px;font-weight:700;letter-spacing:.04em}
/* slide 14 (rebuilt Bode 10-07) */
.slide:nth-of-type(14) .c{padding:130px 120px 60px} .slide:nth-of-type(14) h1.caps{white-space:nowrap}
.tags{display:flex;gap:40px;margin-top:14px;font-style:italic;font-weight:500;font-size:26px;color:var(--gold)}
.tags span::before{content:"~ ";opacity:.6}
.panels{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px;flex:none}
.panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:26px 32px 28px;backdrop-filter:blur(14px);display:flex;flex-direction:column;min-height:440px}
.ph{display:flex;align-items:center;gap:22px}
.chip{flex:none;width:110px;height:110px;border-radius:26px;background:#f6f7fb;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.3)}
.chip img{width:84px;height:84px;object-fit:contain;border-radius:14px}
.panel h3{font-size:46px;font-weight:900;letter-spacing:.02em;line-height:1}
.panel h3 .pw{display:block;font-size:15px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:10px;font-weight:700}
.panel .edu{color:#ff4f6d}.panel .evo{color:var(--gold)}
.panel p{font-size:28px;line-height:1.35;font-weight:700;margin-top:auto;letter-spacing:.04em}
.four{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:auto}
.four div{background:rgba(242,176,30,.12);border:1px solid rgba(242,176,30,.4);border-radius:16px;padding:20px 20px;font-size:21px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.2;display:flex;align-items:center;gap:14px}
.four svg,.five svg{width:34px;height:34px;flex:none;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sys{margin-top:30px;background:linear-gradient(90deg,rgba(242,176,30,.26),rgba(242,176,30,.14));border:1px solid rgba(242,176,30,.6);border-radius:24px;padding:26px 34px 30px;backdrop-filter:blur(12px)}
.sys h4{font-size:30px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#fff;text-align:center}
.sys h4 b{color:var(--gold);font-weight:900}
.five{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:22px}
.five div{display:flex;align-items:center;gap:12px;background:rgba(14,31,77,.72);border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:18px 20px;font-size:21px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;line-height:1.15}
.five i{flex:none;width:48px;height:48px;border-radius:50%;background:var(--gold);color:var(--navy);font-style:normal;font-weight:900;font-size:24px;display:flex;align-items:center;justify-content:center}
.five svg{stroke:var(--gold);width:36px;height:36px}
.slide.on .pp{animation:pop .6s var(--bk) both;animation-delay:calc(1.3s + var(--i)*.14s)}
.c .amway[data-top]{position:absolute;top:50px;right:120px}
/* slide 15 */
.c.fut{flex-direction:row;gap:60px;align-items:center;padding:100px 120px}
.fut .lft{flex:1;display:flex;flex-direction:column}
.fut h1{font-size:76px;line-height:1.05;letter-spacing:.02em}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
.chip{padding:12px 20px;border-radius:999px;border:1px solid rgba(242,176,30,.6);background:rgba(242,176,30,.12);font-size:18px;font-weight:800;letter-spacing:.12em;opacity:0;transform:scale(.6)}
.slide.on .chip{animation:pop .6s var(--bk) both;animation-delay:calc(var(--i)*90ms + 1.3s)}
.pins{width:820px;height:640px;flex:none;border-radius:26px;overflow:hidden;border:2px solid rgba(242,176,30,.6);box-shadow:0 0 0 10px rgba(242,176,30,.12),0 40px 100px rgba(0,0,0,.6);background:linear-gradient(145deg,#1B2F6B,#0E1F4D);position:relative;opacity:0}
.slide.on .pins{animation:fly 1.2s var(--ez) both .5s}
.pins img{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;animation:kb2 18s ease-in-out infinite alternate}
.pins.nopic::after{content:"PINES DE RECONOCIMIENTO AMWAY";position:absolute;inset:0;display:grid;place-items:center;font-size:22px;letter-spacing:.3em;color:rgba(255,255,255,.5);text-align:center;padding:40px}
/* chrome */
#brand{position:absolute;top:36px;left:52px;z-index:6;height:66px}
#brand img{height:66px;filter:drop-shadow(0 4px 14px rgba(0,0,0,.5))}
#fx{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;transition:opacity .8s}
#fx.on{opacity:1}
#ui{position:fixed;inset:0;pointer-events:none;z-index:20;transition:opacity .4s}
body.idle #ui{opacity:0}
#prog{position:absolute;left:0;bottom:0;height:4px;width:0;background:linear-gradient(90deg,#c98f10,var(--gold));box-shadow:0 0 14px rgba(242,176,30,.8);transition:width .5s ease}
#cnt{position:absolute;right:20px;bottom:14px;display:flex;gap:12px;align-items:center;font-size:13px;letter-spacing:.22em;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums;pointer-events:auto}
#cnt b{color:var(--gold);font-weight:800}
#fs{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit;font-size:12px;letter-spacing:.1em}
#rot{position:fixed;inset:0;display:none;z-index:30;background:rgba(5,9,26,.8);flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;font-size:18px;padding:30px;cursor:pointer}
@media (orientation:portrait) and (max-width:900px){#rot{display:flex}}
#rot.off{display:none}
#rot .ph{width:46px;height:80px;border:3px solid var(--gold);border-radius:10px;animation:rot 2.2s ease-in-out infinite}
#rot b{color:var(--gold);letter-spacing:.2em;text-transform:uppercase}
/* keyframes */
@keyframes enter{from{opacity:0;transform:translateY(46px);filter:blur(14px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes fly{from{opacity:0;transform:translateY(90px) scale(.88);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes slidex{from{opacity:0;transform:translateX(-70px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes sweep{from{transform:translateX(-130%)}to{transform:translateX(130%)}}
@keyframes pop{from{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}
@keyframes fill{to{width:var(--w)}}
@keyframes draw{to{stroke-dashoffset:var(--off)}}
@keyframes rise{from{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes word{from{transform:translateY(115%);opacity:0;filter:blur(8px)}to{transform:none;opacity:1;filter:blur(0)}}
@keyframes burst{from{transform:scale(1.7) translateY(20%);opacity:0;filter:blur(24px)}to{transform:none;opacity:1;filter:blur(0)}}
@keyframes qin{from{opacity:0;transform:scale(.2) rotate(-25deg)}to{opacity:.95;transform:none}}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.08) translate(-1.5%,-1%)}}
@keyframes kb2{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-3%,2%)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes wob{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
@keyframes spark{0%,100%{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(90deg)}}
@keyframes speed{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}
@keyframes rot{0%,20%{transform:rotate(0)}60%,100%{transform:rotate(90deg)}}
/* bigger plan slides + circle network (Bode 10-07) */
.c.plan{padding:80px;gap:40px}
.ladder{width:600px;border-radius:24px}
.ladder .hd{height:78px;font-size:17px}
.ladder .row{height:90px;font-size:30px}
.ladder .hd,.ladder .row{padding:0 22px;gap:12px}
.pct{font-size:26px;padding:6px 18px}
.row .call{font-size:20px}
.copy{justify-content:center;padding-bottom:10px}
.copy .eyebrow{font-size:24px;letter-spacing:.16em;margin-bottom:6px;white-space:nowrap}
.copy p{font-size:34px;line-height:1.3;margin-top:18px}
.copy .step{font-size:27px;line-height:1.3;margin-top:16px;gap:16px}
.copy .step i{width:48px;height:48px;font-size:22px;border-radius:12px}
.fn{font-size:15px;margin-top:22px;color:rgba(255,255,255,.72)}
.net{width:640px;flex:none;align-self:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.tree{width:640px;flex:none;align-self:auto;box-sizing:border-box;padding:22px 20px 18px;border-radius:30px;background:rgba(14,31,77,.72);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 80px rgba(0,0,0,.35);transform:none}
.tree svg{display:block;width:600px;height:auto;overflow:visible;transform:none}
.tree[data-solo] svg{transform:none}
.tree line{stroke:#fff;stroke-opacity:.92;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.tree line.l0{stroke:var(--gold);stroke-opacity:1;filter:drop-shadow(0 0 6px rgba(242,176,30,.6))}
.slide.on .tree line{animation:draw .6s ease-out both;--off:0;animation-delay:var(--d)}
.slide.on .node{animation:pop .7s var(--bk) both;animation-delay:var(--d)}
.node circle{stroke:#fff;stroke-width:3}
.n0 circle{fill:var(--gold);filter:drop-shadow(0 0 28px rgba(242,176,30,.75))}
.n0 .halo{fill:none;stroke:var(--gold);stroke-width:8;opacity:.6;transform-box:fill-box;transform-origin:center;animation:halo 2.6s ease-in-out 1.4s infinite}
.n1 circle{fill:var(--blue);filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.n2 circle{fill:var(--red);filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}
.node text{fill:#fff;font-weight:900;text-anchor:middle;font-family:inherit}
.n0 text{fill:var(--navy)}.node text.s{font-weight:800}
.tree .total{margin-top:14px;text-align:center;font-size:30px;font-weight:800;letter-spacing:.04em;color:#fff}
.tree .total b{color:var(--gold);font-weight:900;margin-left:10px}
.net .money{margin-top:0;font-size:150px;text-align:center}
.net .money small{font-size:30px;margin-top:10px}
@keyframes halo{0%,100%{opacity:.25;transform:scale(1)}50%{opacity:.8;transform:scale(1.07)}}
/* slide 8 pillar labels (Bode 10-07) */
.c.r8{padding:120px 80px 110px;gap:40px}
.three{width:730px}
.pillars{gap:24px}
.pil{min-width:0}
.pil b{left:22px;right:22px;font-size:28px;letter-spacing:.03em;overflow-wrap:anywhere;hyphens:manual;line-height:1.15}
/* slide 13 single column (Bode 10-07) */
.inc .hd,.inc .row{grid-template-columns:1.2fr 1fr}
.inc .hd span:last-child,.inc .row .num{text-align:right}
.inc .row .num{font-size:56px;letter-spacing:-.01em}
.inc .row{height:124px}
/* tile photos (10-07 assets) */
.tile .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.tile::before{z-index:1;background:linear-gradient(0deg,rgba(6,12,38,.92) 0%,rgba(6,12,38,.45) 50%,rgba(6,12,38,.12) 100%)}
.tile::after{z-index:3}
.tile b,.tile i{z-index:2}
.tile i{color:rgba(255,255,255,.4);text-shadow:0 2px 12px rgba(0,0,0,.5)}
/* slide 6 real aerial photo: stronger scrim */
.slide:nth-of-type(6) .scrim{background:linear-gradient(90deg,rgba(6,12,38,.94) 0%,rgba(6,12,38,.78) 50%,rgba(6,12,38,.25) 100%),linear-gradient(0deg,rgba(6,12,38,.9) 0%,rgba(6,12,38,0) 45%)}
/* slide 7 brand logos */
.fl li .bl{display:block;height:40px;width:auto;max-width:230px;object-fit:contain;object-position:left center;margin-bottom:6px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.fl li .bl.tall{height:62px}
/* slide 6: the aerial photo is the HQ, shrink the glass box to a caption pill */
.slide:nth-of-type(6) .hq{width:auto;height:auto;padding:16px 30px;border-radius:999px;background:rgba(6,12,38,.6);backdrop-filter:blur(6px);font-size:17px;color:rgba(255,255,255,.9)}
/* slide 7: clear the Go Diamond corner logo */
.c.dense{padding-top:118px}
/* slide 7: branded product photo (bg-07c) is busier, heavier scrim + denser cards so the brand marks stay legible */
.slide:nth-of-type(7) .scrim{background:linear-gradient(90deg,rgba(6,12,38,.94) 0%,rgba(6,12,38,.82) 40%,rgba(6,12,38,.62) 72%,rgba(6,12,38,.28) 100%),linear-gradient(0deg,rgba(6,12,38,.94) 0%,rgba(6,12,38,.1) 55%)}
.slide:nth-of-type(7) .fl{background:rgba(8,16,46,.84);border-color:rgba(255,255,255,.22);backdrop-filter:blur(18px)}

/* slide 14 two boxes (Bode 10-07) */
.panels.two{margin-top:26px;flex:1;min-height:0}
.panels.two .panel{min-height:0}
.panels.two .four{margin-top:26px}
.panels.two .panel p{margin-top:auto;font-size:24px;padding-top:22px}
.panels.two .panel p.muted{font-size:16px;font-weight:700;color:rgba(255,255,255,.7);letter-spacing:.12em;text-transform:uppercase}
.sys5{font-size:24px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fff;margin-top:24px}
.sys5 b{color:var(--gold);font-weight:900}
.five.col{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.five.col div{padding:12px 16px;font-size:18px}
.five.col .pp:last-child{grid-column:1/-1}
.five.col i{width:40px;height:40px;font-size:20px}
.five.col svg{width:30px;height:30px}

.slide.abc .scrim{background:linear-gradient(90deg,rgba(14,31,77,.92) 0%,rgba(14,31,77,.78) 55%,rgba(14,31,77,.45) 100%)}
.abc3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;margin-top:34px;flex:1;min-height:0}
.abc3 .col{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:30px 30px 28px;backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:16px}
.abc3 .lt{width:88px;height:88px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:56px;font-weight:900;color:var(--navy);background:var(--gold);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.abc3 .col.a .lt{background:#ff4f6d;color:#fff}.abc3 .col.b .lt{background:var(--gold)}.abc3 .col.s .lt{background:#fff}
.abc3 h3{font-size:40px;font-weight:900;letter-spacing:.06em;line-height:1;margin-top:4px}
.abc3 .col.a h3{color:#ff4f6d}.abc3 .col.b h3{color:var(--gold)}.abc3 .col.s h3{color:#fff}
.abc3 .ab{display:flex;align-items:center;gap:16px;background:rgba(14,31,77,.62);border:1px solid rgba(255,255,255,.24);border-radius:18px;padding:18px 20px;font-size:24px;font-weight:700;line-height:1.2}
.abc3 .ab i{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);font-style:normal;font-weight:900;font-size:22px;display:flex;align-items:center;justify-content:center}
.abc3 .col.a .ab i{background:rgba(255,79,109,.25)}.abc3 .col.b .ab i{background:rgba(242,176,30,.25)}
.abc3 .c5{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
.abc3 .c5 span{background:rgba(242,176,30,.14);border:1px solid rgba(242,176,30,.45);border-radius:14px;padding:14px 16px;font-size:21px;font-weight:700;text-align:center}
.abc3 .c5 span:last-child{grid-column:1/-1}
.abc3{gap:30px;margin-top:38px}
.abc3 .col{gap:20px;padding:34px 32px 30px}
.abc3 .ab{font-size:28px;padding:24px 24px;gap:18px}
.abc3 .ab i{width:50px;height:50px;font-size:24px}
.abc3 .c5{gap:14px;margin-top:6px}
.abc3 .c5 span{font-size:24px;padding:20px 16px}
.abcfoot{margin-top:28px;text-align:center;font-size:26px;font-weight:800;letter-spacing:.3em;color:var(--gold)}
.panels.two .panel p.lead{margin-top:18px;font-size:23px;font-weight:500;line-height:1.35;color:rgba(255,255,255,.85);letter-spacing:0;padding-top:0}
.panels.two .four{margin-top:24px;gap:20px}
.panels.two .four div{padding:30px 24px;font-size:24px}
.panels.two .sys5{margin-top:24px;font-size:26px}
.five.col{gap:16px;margin-top:16px}
.five.col div{padding:20px 20px;font-size:22px}
.five.col i{width:50px;height:50px;font-size:24px}
.panels.two .panel p{font-size:26px}
.panels.two .panel p.muted{font-size:18px}

/* lite mode (phones): no blur, no video, no particles */
body.lite :is(.abc3 .col,.fl,.hq,.ladder,.panel,.slide:nth-of-type(6) .hq,.slide:nth-of-type(7) .fl,.stat,.sys,.tree){backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:rgba(8,22,56,.78)!important}
body.lite #fx{display:none}