/* Sphoton site — page 04 · pricing */
#p4{--ez:cubic-bezier(.25,.8,.25,1);--lcols:12px minmax(0,1fr) 48px 88px;--rh:32px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
#p4::-webkit-scrollbar{display:none}
.pz{width:100%;max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:min(28px,3.4vh)}
.pz-head{display:flex;flex-direction:column;gap:min(10px,1.3vh)}
.pz-h{margin:0;font-family:var(--disp);font-weight:800;letter-spacing:-.034em;line-height:1.04;font-size:max(28px,min(clamp(32px,3.6vw,52px),6vh));color:var(--ink)}
.pz-sub{margin:0;font-size:15px;line-height:1.5;color:var(--grey);max-width:60ch}
.pz-split{display:grid;grid-template-columns:minmax(0,1.32fr) 64px minmax(0,1fr);align-items:stretch}
.pz-plan{position:relative;display:flex;flex-direction:column;gap:min(18px,2.2vh);min-width:0}
.pz-ph{display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ez) .2s,transform .6s var(--ez) .2s}
.pzv.on .pz-ph{opacity:1;transform:none}
.pz-tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--purple-lt)}
.pz-ph h3{margin:0;font-family:var(--disp);font-weight:700;font-size:clamp(24px,2.2vw,32px);letter-spacing:-.025em;line-height:1.1;color:var(--ink)}
.pz-seam{position:relative;display:flex;align-items:center;justify-content:center}
.pz-seam::before,.pz-seam::after{content:"";position:absolute;left:50%;width:1px;background:var(--line-str);transform:scaleY(0);transition:transform .9s var(--ez) .25s}
.pz-seam::before{top:0;bottom:calc(50% + 22px);transform-origin:top;background:linear-gradient(180deg,transparent,var(--line-str))}
.pz-seam::after{bottom:0;top:calc(50% + 22px);transform-origin:bottom;background:linear-gradient(0deg,transparent,var(--line-str))}
.pzv.on .pz-seam::before,.pzv.on .pz-seam::after{transform:none}
.pz-seam span{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}

/* team ladder */
.tm-body{display:grid;grid-template-columns:minmax(0,1fr) 178px;gap:30px;align-items:center}
.ladder{position:relative;display:flex;flex-direction:column}
.ladder::before{content:"";position:absolute;left:16px;width:1px;top:42px;bottom:24px;background:linear-gradient(180deg,var(--purple-lt),rgba(127,119,221,.25));transform:scaleY(0);transform-origin:top;transition:transform .9s var(--ez) .15s}
.pzv.on .ladder::before{transform:none}
.lad-hd{display:grid;grid-template-columns:var(--lcols);gap:12px;padding:0 10px 8px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);opacity:0;transition:opacity .5s var(--ez) .1s}
.lad-hd span:first-child{grid-column:1/3}.lad-hd span:nth-child(2){text-align:right;white-space:nowrap;grid-column:3/4;direction:rtl}.lad-hd span:last-child{text-align:right}
.pzv.on .lad-hd{opacity:1}
.rung{position:relative;border-radius:10px;transition:transform .3s var(--ez),opacity .3s var(--ez),background .3s var(--ez),box-shadow .3s var(--ez)}
.ladder:has(.rung:hover) .rung:not(:hover){opacity:.42}
.rung:hover{transform:translateY(-2px);background:rgba(127,119,221,.08);box-shadow:inset 0 0 0 1px rgba(127,119,221,.3),0 10px 24px -14px rgba(6,16,30,.9)}
.rin{display:grid;grid-template-columns:var(--lcols);gap:12px;align-items:center;padding:min(9px,1.05vh) 10px;opacity:0;transform:translateY(-8px);transition:opacity .45s var(--ez),transform .5s var(--ez);transition-delay:calc(var(--k) * .11s + .2s)}
.pzv.on .rin{opacity:1;transform:none}
.rung .node,.lw-r .node{width:9px;height:9px;border-radius:50%;border:1.5px solid var(--purple-lt);background:var(--navy);justify-self:center;position:relative;z-index:1;flex:none;transition:background .2s,box-shadow .2s}
.rung:not(.zero) .node{background:var(--purple-lt);box-shadow:0 0 8px rgba(127,119,221,.8)}
.rtx{min-width:0}
.rnm{display:flex;align-items:center;gap:10px;min-width:0}
.rnm b{font-family:var(--disp);font-weight:600;font-size:15.5px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;transition:color .2s}
.rung.zero .rnm b,.rung.zero .rpr{color:var(--grey)}
.rds{display:block;font-family:var(--body);font-size:12.5px;line-height:1.35;color:var(--grey);margin-top:2px}
.rpr{font-family:var(--mono);font-size:14px;color:var(--ink);text-align:right}
.pips{display:flex;align-items:center;min-width:0}
.pips>img,.pips>i{width:18px;height:18px;border-radius:50%;margin-left:-5px;border:1.5px solid var(--navy);flex:none;display:block}
.pips>:first-child{margin-left:0}
.pips img{object-fit:cover;background:var(--panel)}
.pips i{background:rgba(127,119,221,.35);box-shadow:inset 0 0 0 1px rgba(127,119,221,.7)}
.pips .new{animation:pipIn .2s var(--ez)}
@keyframes pipIn{from{transform:scale(.3);opacity:0}}
.pips .more{font-family:var(--mono);font-size:10px;color:var(--grey);margin-left:5px}
.step{display:flex;align-items:center;justify-content:space-between;gap:2px;border:1px solid var(--line-str);border-radius:8px;padding:2px}
.sb{width:26px;height:26px;border:0;border-radius:6px;background:none;color:var(--grey);font-family:var(--mono);font-size:15px;line-height:1;cursor:pointer;transition:background .15s,color .15s}
.sb:hover{background:rgba(127,119,221,.2);color:var(--ink)}
.sb:focus-visible{outline:2px solid var(--purple-lt);outline-offset:1px}
.sb:disabled{opacity:.3;cursor:default;background:none}
.step output{min-width:22px;text-align:center;font-family:var(--mono);font-size:13px;color:var(--ink)}

/* commander seat */
.cmd{position:relative}
.cmd .bm{position:absolute;right:100%;top:50%;width:30px;height:2px;margin-top:-1px;border-radius:2px;background:linear-gradient(90deg,rgba(127,119,221,.95),#fff 55%,var(--teal-br));box-shadow:0 0 10px rgba(127,119,221,.7),0 0 4px rgba(22,201,144,.7);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ez) 1.05s,opacity .3s}
.pzv.on .cmd .bm{transform:none}
.cin{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;border:1px solid rgba(22,201,144,.42);background:rgba(13,158,114,.08);opacity:0;transform:translateX(10px);transition:opacity .5s var(--ez) 1.3s,transform .6s var(--ez) 1.3s,border-color .25s,background .25s}
.pzv.on .cin{opacity:1;transform:none}
.cmd.off .cin{border-color:var(--line-str);background:transparent}.cmd.off .bm{opacity:.25}
.cin .atom{width:38px;height:38px;display:block}
.cnm b{display:block;font-family:var(--disp);font-weight:600;font-size:16px;color:var(--ink)}
.cnm span{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--teal-br)}
.cin p{margin:0;font-family:var(--body);font-size:12.5px;line-height:1.4;color:var(--grey)}
.cpr{font-family:var(--mono);display:flex;align-items:baseline;gap:6px}
.cpr span{font-size:20px;color:var(--ink)}.cpr small{font-size:10.5px;letter-spacing:.06em;color:var(--grey)}
.ctg{position:relative;display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink);cursor:pointer}
.ctg input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.sw{position:relative;width:28px;height:16px;flex:none;border-radius:999px;background:rgba(159,176,196,.28);transition:background .2s var(--ez)}
.sw::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .2s var(--ez)}
.ctg input:checked+.sw{background:var(--teal)}.ctg input:checked+.sw::after{transform:translateX(12px)}
.ctg input:focus-visible+.sw{outline:2px solid var(--teal-br);outline-offset:2px}

/* feet */
.tm-foot,.lw-foot{margin-top:auto;padding-top:min(16px,2vh);border-top:1px solid var(--line-str);opacity:0;transition:opacity .5s var(--ez)}
.tm-foot{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:10px 24px;transition-delay:1.15s}
.pzv.on .tm-foot,.pzv.on .lw-foot{opacity:1}
.tf-l{display:flex;flex-direction:column;gap:4px;min-width:0}
.tf-n{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--grey)}.tf-n b{color:var(--ink);font-weight:500}
.tf-sum{font-family:var(--mono);font-size:12px;color:var(--grey);transition:color .2s}
.pz-big{display:flex;align-items:baseline;gap:8px;font-family:var(--mono)}
.pz-big>span{font-size:clamp(30px,2.8vw,40px);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;transition:color .2s}
.pz-big small{font-size:11px;letter-spacing:.08em;color:var(--grey)}
.pz-cta{height:42px;padding:0 20px;border:0;border-radius:10px;background:var(--purple);color:#fff;font-family:var(--body);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .2s var(--ez)}
.pz-cta:hover{background:#6a5ee0}.pz-cta:focus-visible{outline:2px solid var(--purple-lt);outline-offset:3px}
.tf-under{grid-column:1/-1;margin:0;font-size:13px;color:var(--ink);display:none}
.tf-under button{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--purple-lt);cursor:pointer}
.tf-under button:hover{color:var(--ink)}
.pz-team.under .tf-under{display:block}
.pz-team.under .pz-big>span,.pz-team.under .tf-sum{color:var(--grey-dim)}

/* lone wolf */
.lw-fold{position:relative;height:calc(var(--rh) * 6);transition:height .5s var(--ez) 1.95s}
.pzv.on .lw-fold{height:64px}
.lw-r{position:absolute;left:0;width:100%;top:calc(var(--i) * var(--rh));height:calc(var(--rh) - 6px);display:flex;align-items:center;gap:12px;padding:0 12px 0 10px;border-radius:8px;overflow:hidden;background:rgba(127,119,221,.07);box-shadow:inset 0 0 0 1px rgba(127,119,221,.2);opacity:0;
transition-property:opacity,top,left,width,height,border-radius,background,box-shadow;transition-duration:.4s,.6s,.6s,.6s,.6s,.6s,.6s,.6s;transition-timing-function:var(--ez);
transition-delay:calc(var(--i) * .08s + .25s),calc(1.6s + (5 - var(--i)) * .06s),calc(1.6s + (5 - var(--i)) * .06s),calc(1.6s + (5 - var(--i)) * .06s),calc(1.6s + (5 - var(--i)) * .06s),calc(1.6s + (5 - var(--i)) * .06s),calc(1.6s + (5 - var(--i)) * .06s),calc(1.6s + (5 - var(--i)) * .06s)}
.pzv.on .lw-r{top:29px;left:30px;width:4px;height:4px;padding:0;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(127,119,221,.9);animation:lwr 2.5s var(--ez) both;animation-delay:calc(var(--i) * .08s)}
@keyframes lwr{0%{opacity:0}12%,82%{opacity:1}100%{opacity:0}}
.lw-r>*{transition:opacity .25s ease 1.45s}
.pzv.on .lw-r>*{opacity:0}
.lw-r b{flex:1;font-family:var(--disp);font-weight:600;font-size:14px;color:var(--ink);white-space:nowrap}
.lw-r span{font-family:var(--mono);font-size:12.5px;color:var(--grey)}
.lw-ring{position:absolute;left:0;top:0;width:64px;height:64px;border-radius:50%;border:1.5px solid var(--purple-lt);box-shadow:0 0 24px rgba(127,119,221,.4),inset 0 0 18px rgba(127,119,221,.22);opacity:0;transform:scale(.6);transition:opacity .4s var(--ez) 2.05s,transform .5s var(--ez) 2.05s}
.pzv.on .lw-ring{opacity:1;transform:none}
.lw-who{position:absolute;left:84px;right:0;top:0;height:64px;display:flex;flex-direction:column;justify-content:center;gap:4px;opacity:0;transform:translateX(-8px);transition:opacity .5s var(--ez) 2.25s,transform .6s var(--ez) 2.25s}
.pzv.on .lw-who{opacity:1;transform:none}
.lw-who b{font-family:var(--disp);font-weight:700;font-size:20px;color:var(--ink)}
.lw-who span{font-family:var(--body);font-size:12.5px;line-height:1.4;color:var(--grey);max-width:40ch}
.lw-inc{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .5s var(--ez) 2.4s}
.pzv.on .lw-inc{opacity:1}
.lw-inc li{display:flex;align-items:center;gap:10px;font-family:var(--body);font-size:13.5px;color:var(--ink)}
.lw-inc svg{width:14px;height:14px;flex:none;color:var(--teal-br)}
.lw-foot{display:flex;flex-direction:column;gap:9px;transition-delay:1.15s}
.lw-math{margin:0;font-family:var(--mono);font-size:12px;color:var(--grey)}
.lw-math .was{position:relative;text-decoration:none;color:var(--ink);transition:color .3s 2.7s}
.lw-math .was::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:1.5px;background:var(--purple-lt);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ez) 2.7s}
.pzv.on .lw-math .was{color:var(--grey)}.pzv.on .lw-math .was::after{transform:none}
.lw-line{margin:0;font-family:var(--body);font-size:13.5px;color:var(--ink)}
.lw-link{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-family:var(--body);font-weight:600;font-size:14px;color:var(--purple-lt);text-decoration:none;transition:color .15s}
.lw-link:hover{color:var(--ink)}
.arw{display:inline-block;transition:transform .2s var(--ez)}
.lw-link:hover .arw,.tf-under button:hover .arw{transform:translateX(3px)}
.pz-lone.ping::before{display:none}.x-unused{content:"";position:absolute;inset:-14px;border-radius:14px;pointer-events:none;box-shadow:0 0 0 1px rgba(127,119,221,.65),0 0 34px rgba(127,119,221,.22);opacity:0;transition:opacity .3s var(--ez)}
.pz-lone.ping::before{opacity:1}

@media(max-width:1100px){
.tm-body{grid-template-columns:minmax(0,1fr);gap:26px}
.cmd .bm{right:auto;left:16px;top:auto;bottom:100%;width:2px;height:26px;margin:0;transform:scaleY(0);transform-origin:top;background:linear-gradient(180deg,rgba(127,119,221,.95),#fff 55%,var(--teal-br))}
.pzv.on .cmd .bm{transform:none}
.cin{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"a n pr" "a p tg";gap:4px 14px;align-items:center;transform:translateY(8px)}
.cin .atom{grid-area:a}.cnm{grid-area:n}.cin p{grid-area:p}.cpr{grid-area:pr;justify-content:flex-end}.ctg{grid-area:tg;justify-content:flex-end}
}
@media(max-width:820px){
.pz-split{grid-template-columns:minmax(0,1fr);gap:8px}
.pz-seam{height:56px}
.pz-seam::before,.pz-seam::after{top:50%;bottom:auto;left:auto;width:auto;height:1px;transform:scaleX(0)}
.pz-seam::before{left:0;right:calc(50% + 22px);transform-origin:left;background:linear-gradient(90deg,transparent,var(--line-str))}
.pz-seam::after{right:0;left:calc(50% + 22px);transform-origin:right;background:linear-gradient(270deg,transparent,var(--line-str))}
.tm-foot{position:sticky;bottom:var(--ftr);z-index:5;margin:0 calc(var(--mx) * -1);padding:12px var(--mx);background:rgba(6,16,30,.96);grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}
.tm-foot .pz-cta{grid-column:1/-1}
.tf-under .arw{transform:rotate(90deg)}
.lw-foot{padding-bottom:12px}
}
@media(max-width:560px){
#p4{--lcols:10px minmax(0,1fr) 34px 100px}
.lad-hd span:nth-child(2){direction:ltr;grid-column:3/4}
.rds{font-size:12px}
.cin{grid-template-areas:"a n pr" "p p p" "tg tg tg"}
.ctg{justify-content:flex-start}
}
@media(pointer:coarse){.sb{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.pips .new{animation:none}}

/* levels */
.pzv{display:none;flex-direction:column;gap:min(24px,3vh)}
.pzv.cur{display:flex}
.pzv-team,.pzv-lone{max-width:980px;width:100%;margin:0}
.pzv-lone{max-width:560px}
.pzv-home .pz-head,.pzv-home .pc-cta{opacity:0;transform:translateY(8px);transition:opacity .45s var(--ez),transform .5s var(--ez)}
.pzv-home.on .pz-head,.pzv-home.on .pc-cta{opacity:1;transform:none}
.pzv-home.on .pc-cta{transition-delay:.45s}
.pc-row{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:stretch}
.pc{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(22px,2.6vw,34px);border:1px solid var(--line-str);border-radius:16px;background:rgba(16,35,61,.55);opacity:0;transform:translateY(14px);transition:opacity .5s var(--ez),transform .55s var(--ez),border-color .3s var(--ez),background .3s var(--ez);transition-delay:calc(var(--c) * .12s + .15s),calc(var(--c) * .12s + .15s),0s,0s}
.pzv-home.on .pc{opacity:1;transform:none}
.pc .pz-ph{opacity:1;transform:none}
.pc:hover{border-color:rgba(127,119,221,.55);background:rgba(16,35,61,.85)}
.pc-row:has(.pc:hover) .pc:not(:hover){opacity:.55}
.pc-d{margin:0;font-family:var(--body);font-size:14px;line-height:1.5;color:var(--grey);max-width:44ch}
.pc-pr{margin-top:auto;display:flex;align-items:baseline;gap:8px;font-family:var(--mono)}
.pc-pr span{font-size:clamp(34px,3.2vw,46px);font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.pc-pr small{font-size:11px;letter-spacing:.08em;color:var(--grey)}
.pc-go,.pzv-back,.lw-link{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;font-family:var(--body);font-weight:600;font-size:14px;color:var(--purple-lt);transition:color .15s}
.pc-go::after{content:"";position:absolute;inset:0;border-radius:inherit}
.pc-go:hover,.pc:hover .pc-go,.pzv-back:hover{color:var(--ink)}
.pc:hover .pc-go .arw{transform:translateX(3px)}
.pc-go:focus-visible,.pzv-back:focus-visible,.lw-link:focus-visible{outline:2px solid var(--purple-lt);outline-offset:3px;border-radius:4px}
.pc-or{display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--grey)}
.pc-cta{display:flex;justify-content:center}
.pzv-back{font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--grey);opacity:0;transition:opacity .3s var(--ez),color .15s}
.pzv.on .pzv-back{opacity:1}
.pzv-back:hover .arw{transform:translateX(-3px)}
.lw-tot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lw-link{font-size:13.5px}
@media(max-width:820px){.pc-row{grid-template-columns:minmax(0,1fr);gap:4px}.pc-or{height:40px}}

.pzv-back{height:auto;width:auto}
.pzv-lone .lw-fold{margin-top:4px}
.pc-cta{margin-top:4px}

#p4 .pzv-back{border:0;background:none;width:auto;height:auto;padding:4px 0;white-space:nowrap;margin-bottom:-6px}
.pc-pr small,.pz-big small,.cpr small{white-space:nowrap}
.pc-pr{flex-wrap:wrap;row-gap:4px}
.pips img{object-position:50% 12%}
.pc-go{margin-top:2px}
#p4 .lw-link{white-space:nowrap;text-align:left;margin-top:2px}
#p4 .lw-fold{margin-bottom:8px}
#p4 .pzv-back:focus:not(:focus-visible){outline:none}

/* graphics */
.pc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.pc-gfx{width:150px;height:100px;flex:none;margin:-6px -8px -12px 0;overflow:visible}
.pc-gfx .ov{fill:none;stroke:var(--teal-br);stroke-width:1;opacity:.55}
.pc-gfx .el{fill:#fff}
.pc-gfx .core{fill:#fff;filter:drop-shadow(0 0 4px rgba(22,201,144,.9))}
.lw-ring{display:grid;place-items:center}
.lw-ring svg{width:56px;height:56px;overflow:visible}
.lw-ring .ov{fill:none;stroke:var(--purple-lt);stroke-width:1;opacity:.6}
.lw-ring .el{fill:#fff;filter:drop-shadow(0 0 3px rgba(180,174,240,1))}
.lw-ring .core{fill:#fff;filter:drop-shadow(0 0 6px rgba(180,174,240,1))}
.ladder::after{content:"";position:absolute;left:14px;top:42px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(127,119,221,.95);opacity:0}
.pzv.on .ladder::after{animation:ladph 3.6s linear 1.6s infinite}
@keyframes ladph{0%{top:42px;opacity:0}6%{opacity:1}80%{opacity:1}88%,100%{top:calc(100% - 24px);opacity:0}}
.rung .node::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:1.5px solid var(--purple-lt);opacity:0}
.rung .node.ping::after{animation:nping .5s var(--ez)}
@keyframes nping{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(3)}}
.pz-big.ping{animation:tbump .3s var(--ez)}
@keyframes tbump{40%{transform:translateY(-2px)}}
.cmd .bm{overflow:hidden}
.cmd .bm::after{content:"";position:absolute;top:-1px;left:-12px;width:12px;height:4px;border-radius:2px;background:#fff;box-shadow:0 0 6px rgba(22,201,144,1);animation:bmrun 1.4s linear 1.6s infinite}
@keyframes bmrun{to{left:100%}}
@media(max-width:1100px){.cmd .bm::after{left:-1px;top:-12px;width:4px;height:12px;animation-name:bmrunv}@keyframes bmrunv{to{top:100%}}}
@media(max-width:420px){.pc-gfx{width:110px;height:74px}}
@media(prefers-reduced-motion:reduce){.pc-gfx *,.ladder::after,.cmd .bm::after{animation:none!important}}
.pc-top{flex-direction:column;align-items:flex-start;gap:12px}
.pc-gfx{order:-1;margin:-4px 0 0 -6px}
.pc .pz-tag{white-space:nowrap}

/* team: people → sphoton */
.gx-team .bm0{fill:none;stroke:rgba(127,119,221,.22);stroke-width:1;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .7s var(--ez)}
.pzv-home.on .gx-team .bm0{stroke-dashoffset:0}
.pzv-home.on .gx-team .bm0:nth-child(2){transition-delay:.1s}.pzv-home.on .gx-team .bm0:nth-child(3){transition-delay:.15s}.pzv-home.on .gx-team .bm0:nth-child(4){transition-delay:.2s}.pzv-home.on .gx-team .bm0:nth-child(5){transition-delay:.25s}.pzv-home.on .gx-team .bm0:nth-child(6){transition-delay:.3s}
.gx-team .bmp1{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:14 200;stroke-dashoffset:14;filter:drop-shadow(0 0 3px rgba(127,119,221,1));animation:tpulse 3s cubic-bezier(.5,0,.6,1) infinite;animation-delay:calc(var(--i) * .5s + 1s)}
@keyframes tpulse{0%{stroke-dashoffset:14;opacity:1}38%{stroke-dashoffset:-100;opacity:1}39%,100%{stroke-dashoffset:-100;opacity:0}}
.gx-team .pp{opacity:0;transition:opacity .4s var(--ez);transition-delay:calc(var(--i) * .07s + .2s)}
.pzv-home.on .gx-team .pp{opacity:1}
.gx-team .pp .hd{fill:var(--navy);stroke:var(--purple-lt);stroke-width:1.3;animation:thd 3s linear infinite;animation-delay:calc(var(--i) * .5s + 1s)}
.gx-team .pp .bd{fill:none;stroke:var(--purple-lt);stroke-width:1.3;stroke-linecap:round;animation:tbd 3s linear infinite;animation-delay:calc(var(--i) * .5s + 1s)}
.gx-team .pp .pg{fill:rgba(127,119,221,.0);animation:tpg 3s ease-out infinite;animation-delay:calc(var(--i) * .5s + 1s)}
@keyframes thd{0%,4%{fill:#fff;stroke:#fff}24%,100%{fill:var(--navy);stroke:var(--purple-lt)}}
@keyframes tbd{0%,4%{stroke:#fff}24%,100%{stroke:var(--purple-lt)}}
@keyframes tpg{0%{fill:rgba(127,119,221,.35)}30%,100%{fill:rgba(127,119,221,0)}}
.gx-team .cmda .ov{stroke:var(--teal-br)}
.gx-team .cmda .spin{animation:tspin 18s linear infinite}
@keyframes tspin{to{transform:rotate(360deg)}}
.gx-team .cmda .core{fill:#fff;filter:drop-shadow(0 0 5px rgba(22,201,144,1));transform-box:fill-box;transform-origin:center;animation:tcore .5s ease-out infinite;animation-delay:2.15s}
@keyframes tcore{0%{transform:scale(1.5)}60%,100%{transform:scale(1)}}
.gx-team .cmda .hal{fill:none;stroke:var(--teal-br);stroke-width:1;transform-box:fill-box;transform-origin:center;opacity:0;animation:thal .5s ease-out infinite;animation-delay:2.15s}
@keyframes thal{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(2.4)}}
@media(prefers-reduced-motion:reduce){.gx-team .cmda .spin{animation:none}}
.pc-gfx{width:190px;height:127px}
@media(max-width:420px){.pc-gfx{width:140px;height:94px}}

/* lone: circuit wolf, the sphoton for an eye */
.gx-lone .wf{fill:rgba(91,79,207,.14);opacity:0;transition:opacity .6s var(--ez) 1s}
.gx-lone .bear{fill:rgba(127,119,221,.6);stroke:none;stroke-linejoin:round;opacity:0;transition:opacity .4s var(--ez) .9s}
.gx-lone .ein{fill:var(--purple);opacity:0;transition:opacity .4s var(--ez) 1s}
.pzv-home.on .gx-lone .wf,.pzv-home.on .gx-lone .bear,.pzv-home.on .gx-lone .ein{opacity:1}
.gx-lone .wo{fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1.4s var(--ez) .2s}
.pzv-home.on .gx-lone .wo{stroke-dashoffset:0;animation:wglow 5s ease-in-out 2s infinite}
@keyframes wglow{0%,100%{filter:none}50%{filter:drop-shadow(0 0 1.5px rgba(127,119,221,.6))}}
.gx-lone .sep{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .8s var(--ez) 1s}
.pzv-home.on .gx-lone .sep{stroke-dashoffset:0}
.gx-lone .brow{stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;opacity:0;transition:opacity .4s var(--ez) 1.2s}
.pzv-home.on .gx-lone .brow{opacity:1}
.gx-lone .tr{fill:none;stroke:var(--purple-lt);stroke-width:1.1;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s var(--ez);transition-delay:calc(var(--i) * 70ms + 1.3s)}
.pzv-home.on .gx-lone .tr{stroke-dashoffset:0}
.gx-lone .nd{fill:var(--navy);stroke:var(--purple-lt);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity .3s var(--ez);transition-delay:calc(var(--i) * 70ms + 1.7s)}
.pzv-home.on .gx-lone .nd{opacity:1;animation:ndon 4.4s ease-out infinite;animation-delay:calc(var(--i) * .4s + 3.1s)}
@keyframes ndon{0%{fill:#fff;stroke:#fff;transform:scale(1.5)}18%,100%{fill:var(--navy);stroke:var(--purple-lt);transform:scale(1)}}
.gx-lone .tp{fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:18 120;stroke-dashoffset:18;opacity:0;filter:drop-shadow(0 0 2px rgba(180,174,240,1))}
.pzv-home.on .gx-lone .tp{animation:tpl 4.4s cubic-bezier(.4,0,.6,1) infinite;animation-delay:calc(var(--i) * .4s + 2.5s)}
@keyframes tpl{0%{stroke-dashoffset:18;opacity:1}14%{stroke-dashoffset:-100;opacity:1}15%,100%{stroke-dashoffset:-100;opacity:0}}
.gx-lone .nose{fill:var(--ink);opacity:0;transition:opacity .4s var(--ez) 1.1s}.pzv-home.on .gx-lone .nose{opacity:1}
.gx-lone .weye{opacity:0;transition:opacity .5s var(--ez) 1.9s}
.pzv-home.on .gx-lone .weye{opacity:1}
.gx-lone .weye .ov{fill:none;stroke:var(--teal-br);stroke-width:.55}
.gx-lone .weye .el{fill:#fff}
.gx-lone .ec{fill:#fff;filter:drop-shadow(0 0 2px rgba(22,201,144,1)) drop-shadow(0 0 4px rgba(22,201,144,.8))}
.gx-lone .eh{fill:rgba(22,201,144,.25);transform-box:fill-box;transform-origin:center;animation:ehal 4.4s ease-in-out infinite}
@keyframes ehal{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.3);opacity:1}}
.gx-lone .sk{fill:#fff;animation:stw 2.8s ease-in-out infinite;animation-delay:var(--d);transform-box:fill-box;transform-origin:center}
@keyframes stw{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}
@media(prefers-reduced-motion:reduce){.gx-lone *{animation:none!important}}

#p4 .pz{padding-bottom:calc(var(--ftr,56px) + 20px)}
@media(max-height:720px) and (min-width:821px){#p4 .pzv-home{gap:12px}#p4 .pz-head{gap:6px}#p4 .pzv-home .pz-h{font-size:30px}#p4 .pz-sub{font-size:14px}#p4 .pc{gap:8px;padding:16px 22px 18px}#p4 .pc-gfx{width:150px;height:100px}#p4 .pc-d{display:none}#p4 .pc-pr span{font-size:30px}#p4 .pz-cta{height:38px}#p4 .pc-top{gap:8px}}
.gx-lone{overflow:hidden}

/* portrait plan cards */
#p4 .pzv-home{align-items:center}
#p4 .pzv-home .pz-head{align-items:center;text-align:center}
#p4 .pc-row{width:100%;max-width:800px;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)}
#p4 .pc{gap:12px;padding:24px 26px 26px}
#p4 .pc-top{flex-direction:column;align-items:stretch;gap:14px;padding:0}
#p4 .pc-gfx{order:-1;position:static;align-self:center;width:210px;height:140px;margin:0}
#p4 .pc .pz-tag{white-space:nowrap;min-height:0;display:block}
#p4 .pc-d{min-height:3em}
@media(max-width:820px){#p4 .pc-row{grid-template-columns:minmax(0,1fr);max-width:420px}}
@media(max-height:720px) and (min-width:821px){#p4 .pc{gap:6px;padding:14px 22px 16px}#p4 .pc-top{gap:6px}#p4 .pc-gfx{width:150px;height:100px}#p4 .pc-d{display:none}}
a.pz-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#fff}a.pz-cta:hover{color:#fff}
#p4 .pc{padding:22px 30px 24px}
#p4 .pc-gfx{width:190px;height:127px}
@media(max-height:720px) and (min-width:821px){#p4 .pc-gfx{width:140px;height:94px}}