/* What you get */
.wyg-page{position:relative;z-index:1;padding:0 var(--pad);overflow-x:hidden}
@media (min-width:1000px){.wyg-page{padding-right:calc(var(--pad) + 130px)}}
p,h1,h2,h3,li{text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
.wy-head{padding:16vh 0 6vh}
.wy-head h1{font-size:clamp(34px,5.3vw,104px);line-height:1;max-width:none;text-wrap:wrap}
.wy-head .nw{white-space:nowrap}
@media (max-width:700px){.wy-head .nw{white-space:normal}}
.wy-head .lead{font-size:clamp(19px,1.7vw,24px);color:#C4C2CB;max-width:46ch;margin:22px 0 0}
.wyg-page section{padding:9vh 0}
.wyg-page h2{font-size:clamp(32px,4.4vw,64px);line-height:1}
.sub{font-size:clamp(17px,1.5vw,21px);color:#C4C2CB;max-width:56ch;margin:16px 0 0}
/* your choice */
.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:5vh}
.ch{background:#1C1A2A;border-radius:20px;padding:32px}
.ch.on{background:linear-gradient(135deg,rgba(123,77,255,.3),rgba(61,107,255,.16))}
.ch-k{font:500 12px var(--mono);color:#9C93FF;margin:0 0 10px;text-transform:uppercase;letter-spacing:.06em}
.ch h3{font-size:clamp(24px,2.2vw,32px);margin:0 0 10px}
.ch p{color:#C4C2CB;margin:0 0 18px;font-size:17px}
.ch ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ch li{display:flex;gap:12px;align-items:center;font-size:15.5px}
.ch li:before{content:"";width:8px;height:8px;flex:0 0 auto;background:#46424F}
.ch.on li:before{background:linear-gradient(135deg,var(--violet),var(--blue))}
/* parts */
.band{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:5vw;align-items:center;padding:8vh 0;border-bottom:1px solid var(--rule)}
.band:last-child{border-bottom:0}
.band.flip .band-text{order:2}
.tagp{font:500 13px var(--mono);color:#9C93FF;margin:0 0 12px}
.band h3{font-size:clamp(28px,3vw,46px);line-height:1.05;letter-spacing:-.02em;margin:0 0 14px}
.band-text>p:not(.tagp){font-size:clamp(17px,1.4vw,20px);color:#C4C2CB;margin:0 0 18px;max-width:44ch}
.inside{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:9px}
.inside li{display:flex;gap:12px;align-items:baseline;color:#D9D8DE;font-size:16px}
.inside li:before{content:"";width:8px;height:8px;flex:0 0 auto;background:linear-gradient(135deg,var(--violet),var(--blue));transform:translateY(-1px)}
.band .btn{display:inline-flex;text-decoration:none;align-items:center}
.band-ill{max-width:640px;width:100%;justify-self:center}
/* no waiting */
.wait .ill{margin-top:6vh}
/* tools */
.badges{display:flex;flex-wrap:wrap;gap:12px;margin:5vh 0 4vh}
.bd{font:600 18px var(--display);padding:14px 22px;border-radius:14px;background:#1C1A2A;display:inline-flex;align-items:center;gap:10px}
.bd:before{content:"";width:10px;height:10px;background:linear-gradient(135deg,var(--violet),var(--blue))}
.bd.soon{color:var(--mute)}
.bd.soon:before{background:#46424F}
.bd em{font:500 11px var(--mono);font-style:normal;color:var(--mute)}
.tbl-wrap{overflow-x:auto;border-radius:16px;background:#1C1A2A}
.tbl{width:100%;border-collapse:collapse;min-width:640px}
.tbl th,.tbl td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--rule);font-size:15px;vertical-align:middle}
.tbl th{font:500 12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl td:first-child{font-weight:500;color:#fff}
.tbl i{display:inline-block;width:18px;height:18px;vertical-align:-4px;margin-right:8px}
.tbl i.y{background:linear-gradient(135deg,var(--violet),var(--blue));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Crect width='18' height='18' rx='3'/%3E%3C/svg%3E");position:relative}
.tbl i.y:after{content:"";position:absolute;left:6px;top:3px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tbl i.n{width:14px;height:2px;background:#46424F;vertical-align:4px}
.tbl i.s{background:#46424F;border-radius:50%;width:10px;height:10px;vertical-align:0}
.tbl .sm{font:500 12px var(--mono);color:var(--mute);background:#26243A;border-radius:999px;padding:4px 10px}
.cmp td:not(:first-child),.cmp th:not(:first-child){text-align:center}
.cmp i{margin-right:0}
.cmp .us{background:rgba(75,63,209,.18)}
.cmp th.us{color:#fff}
.compare .tbl-wrap{margin-top:5vh}
.fine{font:400 13px var(--mono);color:var(--mute);margin-top:14px}
/* monthly dashboard */
.dashm{margin-top:5vh;background:#1C1A2A;border-radius:22px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.35)}
.dm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.dm-k{font:500 12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.dm-m{font:600 15px var(--display)}
.dm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dm-stats div{background:#24223A;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px}
.dm-stats span{font-size:13px;color:var(--mute)}
.dm-stats b{font:700 clamp(28px,3vw,42px)/1 var(--display)}
.dm-stats i{font:500 12px var(--mono);font-style:normal;color:#FFB547}
.dm-row{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-top:14px}
.dm-card{background:#24223A;border-radius:14px;padding:18px}
.dm-big{font:600 20px var(--display);margin:8px 0 14px}
.dm-bars{display:flex;align-items:flex-end;gap:8px;height:110px}
.dm-bars i{flex:1;height:calc(var(--h) * 100%);background:#46424F;border-radius:4px 4px 0 0;transform-origin:bottom;transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.dm-bars i:nth-child(6){background:linear-gradient(180deg,var(--violet),var(--blue))}
.dashm.on .dm-bars i{transform:none}
.dm-bars i:nth-child(2){transition-delay:.06s}.dm-bars i:nth-child(3){transition-delay:.12s}.dm-bars i:nth-child(4){transition-delay:.18s}.dm-bars i:nth-child(5){transition-delay:.24s}.dm-bars i:nth-child(6){transition-delay:.3s}.dm-bars i:nth-child(7){transition-delay:.36s}
.dm-s{font:500 13px var(--mono);color:var(--mute);margin:12px 0 0}
.dm-card ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.dm-card li{display:flex;gap:10px;align-items:center;font-size:15px}
.dm-card li i{width:8px;height:8px;background:linear-gradient(135deg,var(--violet),var(--blue))}
.mcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:5vh}
.mc{background:#1C1A2A;border-radius:18px;padding:26px}
.mc h3{font-size:21px;margin:0 0 10px}
.mc p{color:#B9B6C2;margin:0;font-size:15.5px}
.cta{margin-top:7vh}
.btn.big{min-height:52px;padding:0 24px;font-size:16px;border-radius:12px;display:inline-flex;align-items:center;text-decoration:none}
@media (max-width:900px){.choice-grid,.band,.dm-row,.mcards{grid-template-columns:1fr}.band.flip .band-text{order:0}.dm-stats{grid-template-columns:1fr 1fr}}
.who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:5vh}
.wh{background:#1C1A2A;border-radius:20px;padding:22px 24px 26px;display:flex;flex-direction:column}
.wh.on{background:linear-gradient(160deg,rgba(123,77,255,.28),rgba(61,107,255,.12))}
.wh .ill{aspect-ratio:380/230;margin-bottom:16px}
.wh h3{font-size:clamp(22px,1.9vw,28px);margin:0 0 12px}
.wh ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.wh li{display:flex;gap:12px;align-items:baseline;font-size:15.5px;color:#D9D8DE}
.wh li:before{content:"";width:8px;height:8px;flex:0 0 auto;background:linear-gradient(135deg,var(--violet),var(--blue))}
@media (max-width:900px){.who-grid{grid-template-columns:1fr}}
.ch .ill{aspect-ratio:380/230;margin:-6px 0 18px}