.cm .num{font:600 12px var(--fm);letter-spacing:.14em;color:var(--gold)}
.cm .v{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.cm .v svg{overflow:visible}
.cm .v1 .tk{stroke-dasharray:30;animation:cm_dr 3.6s ease-in-out infinite}
.cm .v1 .sh{animation:cm_pop 3.6s ease-in-out infinite;transform-origin:50% 50%}
.cm .v2{gap:7px}
.cm .v2 i{width:16px;height:64px;border-radius:9px;background:linear-gradient(180deg,var(--gold2),var(--green2));animation:cm_br 2.4s ease-in-out infinite;opacity:.9}
.cm .v2 i:nth-child(2){animation-delay:.15s}
.cm .v2 i:nth-child(3){animation-delay:.3s}
.cm .v2 i:nth-child(4){animation-delay:.45s}
.cm .v2 i:nth-child(5){animation-delay:.6s}
.cm .v2 i:nth-child(6){animation-delay:.75s}
.cm .v3{display:grid;grid-template-columns:repeat(4,22px);gap:7px;justify-content:center;align-content:center}
.cm .v3 i{height:22px;border-radius:6px;border:1.5px solid rgba(11,31,26,.25);animation:cm_fl 5.6s ease-in-out infinite;animation-delay:calc(var(--k)*.28s)}
.cm .v4{flex-direction:column;gap:10px}
.cm .v4 .rd{position:relative;width:min(84%,230px);height:2px;background:rgba(11,31,26,.15);border-radius:2px}
.cm .v4 .rd:after{content:"";position:absolute;right:-1px;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--gold2);box-shadow:0 0 0 5px rgba(227,185,74,.25)}
.cm .v4 .tr{position:absolute;left:0;top:-13px;animation:cm_mv 4.2s cubic-bezier(.5,0,.3,1) infinite}
.cm .v4 .dt{font:600 11px var(--fm);letter-spacing:.1em;color:var(--green2);background:rgba(31,107,79,.12);padding:4px 10px;border-radius:999px;animation:cm_pop 4.2s ease-in-out infinite}
.cm .v5{flex-direction:column}
.cm .v5 .dc{width:min(62%,150px);background:#fff;border-radius:10px;padding:12px 12px 10px;box-shadow:0 14px 28px -16px rgba(11,31,26,.45);display:grid;gap:7px;position:relative}
.cm .v5 .dc u{display:block;height:5px;border-radius:3px;background:rgba(11,31,26,.12);text-decoration:none}
.cm .v5 .dc u:nth-child(2){width:70%}
.cm .v5 .dc u:nth-child(3){width:85%}
.cm .v5 .dc b{height:7px;border-radius:4px;background:linear-gradient(90deg,var(--gold2),var(--green2));width:100%;animation:cm_wd 4s ease-in-out infinite;transform-origin:0 50%}
.cm .v5 .dc em{position:absolute;right:-12px;bottom:-10px;font:700 10px var(--fm);letter-spacing:.08em;background:var(--green2);color:#fff;padding:4px 8px;border-radius:6px;transform:rotate(-8deg);animation:cm_pop 4s ease-in-out infinite;font-style:normal}
.cm .v6 .ph{position:relative;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--green2));display:flex;align-items:center;justify-content:center;color:#fff}
.cm .v6 .ph:before,.cm .v6 .ph:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold2);animation:cm_rg 2.6s ease-out infinite}
.cm .v6 .ph:after{animation-delay:1.3s}
.cm .book{width:min(46%,170px);aspect-ratio:300/424;border-radius:4px 8px 8px 4px;background:url(/images/catalogue-cover.jpg) center/cover;box-shadow:-10px 0 0 -4px #0a2a1c,22px 28px 40px -14px rgba(0,0,0,.55);transform:perspective(700px) rotateY(-24deg) rotateX(4deg);animation:cm_bk 6s ease-in-out infinite alternate}
.cm.dkv .v2 i{background:linear-gradient(180deg,var(--gold2),#7fd1a8)}
.cm.dkv .v4 .rd{background:rgba(255,255,255,.3)}
.cm.dkv .v4 .tr{filter:invert(1) brightness(2)}
.cm.dkv .v4 .dt{color:#bff0d6;background:rgba(255,255,255,.12)}
.cm.dkv .v3 i{border-color:rgba(255,255,255,.35)}
@keyframes cm_dr{0%{stroke-dashoffset:30}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:30}}
@keyframes cm_pop{0%,100%{transform:scale(.96)}50%{transform:scale(1.04)}}
@keyframes cm_br{0%,100%{transform:scaleY(.55)}40%{transform:scaleY(1)}}
@keyframes cm_fl{0%,10%{background:transparent;border-color:rgba(11,31,26,.25)}30%,80%{background:linear-gradient(135deg,var(--gold2),var(--green2));border-color:transparent}100%{background:transparent;border-color:rgba(11,31,26,.25)}}
@keyframes cm_mv{0%{left:0}70%,100%{left:calc(100% - 22px)}}
@keyframes cm_wd{0%{transform:scaleX(.2)}40%,100%{transform:scaleX(1)}}
@keyframes cm_rg{from{transform:scale(1);opacity:.7}to{transform:scale(2.3);opacity:0}}
@keyframes cm_bk{to{transform:perspective(700px) rotateY(-12deg) rotateX(2deg) translateY(-6px)}}
@keyframes cm_pg{to{width:100%}}
@keyframes cm_fl2{to{transform:perspective(900px) rotateY(-6deg) rotateX(1deg) translateY(-10px)}}
@keyframes cm_hp{50%{box-shadow:0 0 0 9px rgba(184,146,31,.15)}}
@keyframes cm_ds{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}
@keyframes cm_wd2{to{opacity:1;transform:none;filter:none}}
.p4.cm-on{overflow:visible!important;padding:56px 0 60px!important}
.p4.cm-on .ah-head{margin-bottom:0}
.cm{--ink:#0B1F1A;--mut:#4b5b52;--gold:#b8921f;--gold2:#E3B94A;--green:#0b2a1f;--green2:#1F6B4F;--fm:ui-monospace,Menlo,monospace;margin-top:22px;color:var(--ink)}
.cm .book{background-image:url(/images/catalogue-cover.jpg)}
@media(prefers-reduced-motion:reduce){.cm *{animation:none!important}}

.cm .spread{display:block;width:min(100%,340px);height:auto;border-radius:16px;box-shadow:0 26px 40px -22px rgba(0,0,0,.65);animation:cm_sp 7s ease-in-out infinite alternate}
@keyframes cm_sp{from{transform:translateY(4px) rotate(-.6deg)}to{transform:translateY(-6px) rotate(.6deg)}}

.cm .v7{flex-direction:column;gap:12px}
.cm .v7 .pr{position:relative;display:flex;align-items:flex-end;gap:8px;height:90px;width:190px;padding-top:6px}
.cm .v7 .pr s{position:absolute;left:-8px;right:-8px;top:8px;border-top:1.5px dashed currentColor;opacity:.45;text-decoration:none}
.cm .v7 .pr i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--gold2),var(--green2));transform-origin:50% 100%;animation:cm_gr 3.8s cubic-bezier(.3,0,.2,1) infinite;animation-delay:calc(var(--k)*.12s)}
@keyframes cm_gr{0%{transform:scaleY(.15)}35%,85%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.cm .v7 .pt{font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.14em;padding:4px 10px;border-radius:999px;background:rgba(11,31,26,.1)}


.cm{--fm:ui-monospace,Menlo,monospace;color:var(--ink)}
.cm .cn{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding:14px 18px 0;background:#fbfaf5;border-radius:32px 32px 0 0;border-bottom:1px solid rgba(11,31,26,.08);-webkit-overflow-scrolling:touch;position:relative;z-index:6}
.cm .cn::-webkit-scrollbar{display:none}
.cm .cn button{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;font:inherit;cursor:pointer;flex:none;padding:10px 14px 14px;font-size:14px;font-weight:600;color:rgba(11,31,26,.5);position:relative;transition:color .3s;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.cm .cn button:hover,.cm .cn button.on{color:var(--ink)}
.cm .cn button:focus-visible{outline:2px solid var(--green2);outline-offset:-2px;border-radius:8px}
.cm .cn button:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--gold);transform-origin:0 50%;transform:scaleX(0)}
.cm .cn button.on:after{animation:cm_fp 5s linear forwards}
.cm.cm-paused .cn button.on:after{animation:none;transform:scaleX(1)}
@keyframes cm_fp{to{transform:scaleX(1)}}
.cm .vp{position:relative;height:484px;overflow:hidden;background:#fbfaf5;border:1px solid rgba(11,31,26,.08);border-top:0;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.cm .vp:active{cursor:grabbing}
.cm .pg{position:absolute;top:56px;height:320px;border-radius:26px;padding:34px 40px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:10px;perspective:1200px;color:#fff;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s;box-shadow:inset 0 1.5px 0 rgba(255,255,255,.28),inset 0 -26px 50px rgba(0,0,0,.22),0 26px 40px -26px rgba(11,31,26,.6);will-change:transform}
.cm .pg>div:first-child{min-width:0}
.cm .pg h3{margin:8px 0 10px;font-size:var(--fs,clamp(28px,4vw,52px));letter-spacing:-.045em;line-height:1.02;font-weight:800;text-wrap:balance;color:#fff}
.cm .pg p{margin:0;font-size:var(--ps,17px);line-height:1.5;color:rgba(255,255,255,.76);max-width:32ch}
.cm .pg .num{color:#E3B94A}.cm .pg .tel{font-size:32px;font-weight:800;letter-spacing:-.02em;color:#ffe08a;margin-top:10px}
.cm .q0{background:linear-gradient(150deg,#0b2a1f,#16583a)}
.cm .q1{--p1:#c58a1e;--p2:#6e4708;background:linear-gradient(150deg,#3a2606,#9a6a12)}
.cm .q2{--p1:#1fb398;--p2:#0a5a4c;background:linear-gradient(150deg,#06302c,#118a74)}
.cm .q3{--p1:#3a74d4;--p2:#10295c;background:linear-gradient(150deg,#0a1b3d,#1f4f9c)}
.cm .q4{--p1:#e07a4a;--p2:#7d2c10;background:linear-gradient(150deg,#4a1708,#c0572a)}
.cm .q5{--p1:#8f6cf0;--p2:#2e1a7a;background:linear-gradient(150deg,#1d1050,#6a47d6)}
.cm .pg .art{position:relative;height:100%;min-width:0}
.cm .plate{position:absolute;left:0;right:0;top:-44px;bottom:-44px;display:flex;align-items:center;justify-content:center;border-radius:26px;background:linear-gradient(160deg,var(--p1),var(--p2));border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.35),0 40px 50px -24px rgba(0,0,0,.65),0 0 0 6px rgba(255,255,255,.05);transform:translateX(var(--px,0px)) rotateY(-7deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.cm .q0 .plate{background:linear-gradient(160deg,#0f1b3a,#0a1228);overflow:hidden}
.cm .q0 .plate .v{width:100%;height:100%}
.cm .q0 .plate .spread{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}
.cm .plate .v2,.cm .plate .v3,.cm .plate .v4,.cm .plate .v6,.cm .plate .v7{transform:scale(1.25)}
.cm .tx{transform:translateX(var(--tx,0px));transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.cm .ctl{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0 22px;background:#fbfaf5;border:1px solid rgba(11,31,26,.08);border-top:0;border-radius:0 0 32px 32px;position:relative;z-index:6}
.cm .ctl button{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;width:46px;height:46px;border-radius:50%;background:#10211b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px -10px rgba(16,33,27,.7);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .2s,opacity .2s}
.cm .ctl button:hover{transform:scale(1.08)}.cm .ctl button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cm .dots{display:flex;gap:8px}.cm .dots button{width:9px;height:9px;border-radius:50%;background:rgba(16,33,27,.2);box-shadow:none;transition:width .35s,background .35s}.cm .dots button.on{width:30px;border-radius:6px;background:var(--gold)}
@media(max-width:860px){
.cm .cn button{font-size:13px;padding:10px 12px 12px}
.cm .vp{height:664px}
.cm .pg{top:52px;height:520px;padding:26px 22px;grid-template-columns:1fr;grid-template-rows:auto 1fr;align-content:start}
.cm .pg h3{font-size:clamp(28px,8vw,40px)}.cm .pg p{font-size:15px}
.cm .pg .art{min-height:210px;align-self:end}
.cm .plate{top:auto;bottom:-44px;height:240px;transform:translateX(var(--px,0px)) rotateX(3deg)}
.cm .plate .v2,.cm .plate .v3,.cm .plate .v4,.cm .plate .v6,.cm .plate .v7{transform:none}
}
@media(max-width:860px){.cm[data-m="3"] .plate{bottom:0}}
@media(prefers-reduced-motion:reduce){.cm .pg,.cm .plate,.cm .tx{transition:none}}

.p4.cm-on .p4-g{display:none!important}

.cm.dkv .v2 i{background:linear-gradient(180deg,#E3B94A,#7fd1a8)}
.cm.dkv .v4 .rd{background:rgba(255,255,255,.35)}
.cm.dkv .v4 .tr{filter:invert(1) brightness(2)}
.cm.dkv .v4 .dt{color:#d6ffe8;background:rgba(255,255,255,.16)}
.cm.dkv .v3 i{border-color:rgba(255,255,255,.4)}
.cm.dkv .v7 .pt{background:rgba(255,255,255,.16);color:#fff}
.cm .spread{animation:none;box-shadow:none;border-radius:0;display:block}

.cm .run{position:relative}
.cm.sc{margin-top:0}
.cm.sc .stk{position:sticky;top:0;height:100vh;height:100lvh;min-height:520px;display:flex;flex-direction:column;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);padding-top:68px;box-sizing:border-box;overflow:hidden;background:radial-gradient(1200px 800px at 50% 60%,#0f2a52 0%,#07142b 62%,#050d1d 100%);color:#fff}
.cm.sc .hd{flex:none;padding:14px max(20px,calc(50vw - 600px)) 0}
.cm.sc .hd .eb{font:600 11px/1 var(--fm);letter-spacing:.22em;text-transform:uppercase;color:#E3B94A}
.cm.sc .hd h2{margin:8px 0 0;font-size:clamp(26px,3.2vw,46px);line-height:1.05;letter-spacing:-.035em;font-weight:800;color:#fff}
.cm.sc .hd h2 em{font-style:normal;color:#E3B94A}
.cm.sc .cn{flex:none;background:none;border:0;border-radius:0;padding:12px max(12px,calc(50vw - 600px)) 0}
.cm.sc .cn button{color:rgba(255,255,255,.5)}.cm.sc .cn button:hover,.cm.sc .cn button.on{color:#fff}
.cm.sc .cn button.on:after{background:#E3B94A}
.cm.sc .vp{flex:1 1 auto;height:auto;min-height:0;background:none;border:0}
.cm.sc .ctl{flex:none;background:none;border:0;border-radius:0;padding:10px 0 22px}
.cm.sc .ctl button{background:rgba(255,255,255,.14);box-shadow:none;border:1px solid rgba(255,255,255,.22)}
.cm.sc .dots button{background:rgba(255,255,255,.28)}.cm.sc .dots button.on{background:#E3B94A}
.cm.sc .pg{box-shadow:0 40px 70px -30px rgba(0,0,0,.7)}
.p4.cm-full{padding-top:0!important;padding-bottom:0!important}.p4.cm-full .ah-head{display:none!important}
@media(max-width:860px){.cm.sc .stk{padding-top:62px}.cm.sc .hd{padding:10px 14px 0}.cm.sc .hd h2{font-size:24px}.cm.sc .cn{padding:8px 12px 0}}


/* panel 05: rate rain */
.cm .q4 .plate{overflow:hidden}
.cm .q4 .plate .rn{position:absolute;inset:0;width:100%;height:100%}
.cm .rn canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.cm .rn .pt{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font:600 10px ui-monospace,Menlo,monospace;letter-spacing:.14em;padding:5px 11px;border-radius:999px;background:rgba(0,0,0,.3);color:#fff;white-space:nowrap}
.p4.cm-full>div .ah-cta-row:not(.cm-cta),.p4.cm-full .max-w-site>div>.ah-cta-row:not(.cm-cta){display:none!important}
.cm-cta{position:static;flex:none;display:flex;justify-content:center;gap:12px;padding:6px 14px 0;z-index:8}
.cm-cta .ah-btn{padding:12px 22px;font-size:14px}
.cm.sc .ctl{padding-top:14px}
@media(max-width:860px){.cm-cta .ah-btn{padding:11px 14px;font-size:13px;flex:1;max-width:190px;justify-content:center}}
/* order: commitments > stats + burst band > three steps */
main:has(>section.p5):has(>.ah-th){display:flex;flex-direction:column}
main:has(>section.p5):has(>.ah-th)>*{flex:none;min-width:0}
main:has(>section.p5):has(>.ah-th)>section.p5{order:3}
main:has(>section.p5):has(>.ah-th)>section.ah-carsec{order:2}
main:has(>section.p5):has(>.ah-th)>.ah-th{order:1}
main:has(>section.p5):has(>.ah-th)>.ah-th~*{order:4}
main:has(>section.p5):has(>.ah-th)>.ah-th~section.ah-carsec{order:2}