/* ===== Appily new pages: AI builder, tools, submission service ===== */
.nav__links a.nav-ai{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:600}
.nav-ai em{font-style:normal;font-size:.6rem;letter-spacing:.08em;font-weight:700;padding:3px 7px;border-radius:99px;background:linear-gradient(135deg,#3DD5FF,#9B3DFF);color:#fff}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}

/* hero with art on the right */
.xhero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,64px);align-items:center;padding-top:calc(env(safe-area-inset-top,0px) + 132px)}
.xhero__copy{display:grid;gap:20px;align-content:start;min-width:0}
.xhero .crumbs{padding-top:0}
.xhero h1{font-size:clamp(2.3rem,4.4vw,3.8rem);text-wrap:balance}
.xhero__art{min-width:0;display:grid;place-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:100%;padding:6px 14px 6px 7px;border-radius:999px;font-size:.88rem;color:#DCDAFF;background:rgba(155,61,255,.16);border:1px solid rgba(190,140,255,.5)}
.eyebrow b{font-size:.68rem;letter-spacing:.08em;padding:3px 9px;border-radius:99px;background:linear-gradient(135deg,#3DD5FF,#9B3DFF);color:#fff}
.trust{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.9rem}
.trust span{display:inline-flex;align-items:center;gap:8px}
.trust .ic{width:16px;height:16px;color:var(--cyan)}
@media (max-width:900px){.xhero{grid-template-columns:minmax(0,1fr)}}

/* AI scene: console + phone */
.scene{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px;border-radius:var(--r-xl);width:100%;max-width:640px}
.scene__console{display:grid;gap:12px;min-width:0}
.scene__label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600}
.scene__prompt{min-height:5.2em;padding:12px 14px;border-radius:14px;background:rgba(8,10,31,.7);border:1px solid var(--line-2);font-size:.98rem;color:#fff;line-height:1.45}
.caret{display:inline-block;width:2px;height:1.05em;background:var(--cyan);vertical-align:-.15em;margin-left:2px;animation:xblink 1s steps(1) infinite}
@keyframes xblink{50%{opacity:0}}
.scene__plan{display:grid;gap:7px;font-size:.88rem}
.scene__plan>div{display:flex;gap:10px;align-items:baseline;opacity:0;transform:translateY(6px);transition:.4s var(--ease)}
.scene__plan>div.on{opacity:1;transform:none}
.scene__plan span.k{color:var(--faint);min-width:5.6em}
.scene__plan b{font-weight:600;color:#fff}
.xpills{display:flex;flex-wrap:wrap;gap:6px}
.xpills i{font-style:normal;font-size:.76rem;padding:3px 10px;border-radius:99px;border:1px solid rgba(61,213,255,.4);background:rgba(61,213,255,.1);color:#CFF3FF;animation:xpop .4s var(--ease) both}
@keyframes xpop{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}
.scene__bar{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.scene__bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width .5s var(--ease)}
.scene__status{font-size:.82rem;color:var(--muted);min-height:1.3em}
.scene .iphone{--w:200px;flex:none}
@media (max-width:640px){.scene{grid-template-columns:minmax(0,1fr);justify-items:center}.scene__console{width:100%}}

/* wrapper vs native scene */
.wrapscene{display:grid;gap:18px;justify-items:center;width:100%}
.wrapscene .iphone{--w:230px}
.ws__layer{position:absolute;inset:0;transition:opacity .5s var(--ease),transform .5s var(--ease)}
.ws__web{background:#fff;color:#222;padding:58px 14px 14px;font-size:11px}
.ws__web .bar{height:22px;border-radius:99px;background:#EEF0F6;color:#667;display:flex;align-items:center;padding:0 10px;font-size:10px;margin-bottom:10px}
.ws__web .b1{height:70px;border-radius:10px;background:linear-gradient(135deg,#C9D0FF,#EAD8FF);margin-bottom:8px}
.ws__web .ln{height:8px;border-radius:4px;background:#E8EAF2;margin:6px 0}
.ws__web .ln.s{width:60%}
.ws__native{background:#F5F5FA;opacity:0;transform:scale(.97)}
.wrapscene.native .ws__web{opacity:0;transform:scale(1.03)}
.wrapscene.native .ws__native{opacity:1;transform:none}
.ws__native .app{position:absolute;inset:0}
.stamp{position:absolute;z-index:40;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-10deg) scale(.6);opacity:0;padding:8px 14px;border:3px solid;border-radius:10px;font-weight:800;font-size:13px;letter-spacing:.06em;text-align:center;background:rgba(255,255,255,.92);transition:.35s var(--ease);white-space:nowrap}
.stamp.rej{color:#D6243A;border-color:#D6243A}
.stamp.ok{color:#119B5C;border-color:#119B5C}
.stamp.show{opacity:1;transform:translate(-50%,-50%) rotate(-10deg) scale(1)}
.ws__log{display:grid;gap:8px;width:100%;max-width:340px;font-size:.88rem}
.ws__log div{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--faint);transition:.35s var(--ease)}
.ws__log div::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--faint);flex:none}
.ws__log div.on{color:#fff;border-color:var(--line-2);background:rgba(255,255,255,.08)}
.ws__log div.on.bad::before{background:#FF5A6E}.ws__log div.on.good::before{background:#3DDC97}.ws__log div.on::before{background:var(--cyan)}

/* mini art for tool pages */
.art{position:relative;width:100%;max-width:520px;aspect-ratio:1.15;border-radius:var(--r-xl);overflow:hidden;display:grid;place-items:center}
.art__stage{position:absolute;inset:0;display:grid;place-items:center}
.art .ic{width:1em;height:1em}
.art-icons{display:flex;align-items:flex-end;gap:12px}
.art-icons i{display:block;border-radius:22%;background:linear-gradient(145deg,#6E6BFF,#9B3DFF 60%,#3DD5FF);box-shadow:0 14px 30px -12px rgba(99,102,241,.8);opacity:0;transform:translateY(16px) scale(.8);transition:.5s var(--ease)}
.art-icons.run i{opacity:1;transform:none}
.art-shots{display:flex;gap:14px;align-items:center}
.art-shots div{width:96px;height:200px;border-radius:18px;background:linear-gradient(170deg,#6E6BFF,#9B3DFF);padding:10px;display:grid;align-content:space-between;color:#fff;font-weight:700;font-size:12px;line-height:1.15;opacity:0;transform:translateY(40px);transition:.6s var(--ease)}
.art-shots div::after{content:"";height:104px;border-radius:12px;background:rgba(255,255,255,.92)}
.art-shots.run div{opacity:1;transform:none}
.art-shots div:nth-child(2){transform:translateY(40px) scale(1.08)}.art-shots.run div:nth-child(2){transform:scale(1.08)}
.art-check{display:grid;gap:9px;width:min(78%,330px)}
.art-check div{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:.9rem;color:var(--muted)}
.art-check div::before{content:"";width:18px;height:18px;border-radius:6px;border:2px solid var(--faint);flex:none;transition:.3s var(--ease)}
.art-check div.on{color:#fff}
.art-check div.on::before{background:#3DDC97 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/80% no-repeat;border-color:#3DDC97}
.art-mail{width:min(80%,340px);display:grid;gap:10px}
.art-mail div{padding:14px;border-radius:14px;font-size:.88rem;line-height:1.4;transition:.5s var(--ease)}
.art-mail .m1{background:rgba(214,36,58,.16);border:1px solid rgba(255,90,110,.5);color:#FFD5DA}
.art-mail .m2{background:rgba(61,220,151,.14);border:1px solid rgba(61,220,151,.5);color:#D5FFEA;opacity:0;transform:translateY(10px)}
.art-mail.run .m2{opacity:1;transform:none}.art-mail.run .m1{opacity:.55}
.art-site{display:flex;align-items:center;gap:22px}
.art-site .w{width:170px;height:118px;border-radius:12px;background:#fff;padding:8px;display:grid;gap:5px;align-content:start;transition:.7s var(--ease)}
.art-site .w i{display:block;height:7px;border-radius:4px;background:#E3E6F2}.art-site .w i:first-child{height:40px;background:linear-gradient(135deg,#C9D0FF,#EAD8FF)}
.art-site .p{width:76px;height:150px;border-radius:16px;background:#F5F5FA;border:3px solid #fff;padding:7px;display:grid;gap:5px;align-content:start;opacity:.15;transform:scale(.8);transition:.7s var(--ease)}
.art-site .p i{display:block;height:14px;border-radius:6px;background:#D9DBF0}.art-site .p i:first-child{height:34px;background:linear-gradient(135deg,#6E6BFF,#E86BFF)}
.art-site.run .p{opacity:1;transform:none}.art-site.run .w{transform:scale(.92);opacity:.7}
.art-site svg{width:28px;height:28px;color:var(--cyan)}
.art-meter{display:grid;gap:12px;width:min(78%,340px)}
.art-meter div{display:grid;gap:5px;font-size:.82rem;color:var(--muted)}
.art-meter div i{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;position:relative}
.art-meter div i::after{content:"";position:absolute;inset:0;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--violet));transition:width 1.2s var(--ease)}
.art-meter.run div i::after{width:var(--v)}
.art-qr{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;width:210px;padding:16px;border-radius:20px;background:#fff}
.art-qr b{aspect-ratio:1;border-radius:2px;background:#0E1030;opacity:0;transform:scale(.3);transition:.35s var(--ease)}
.art-qr.run b.on{opacity:1;transform:none}
.art-bars{display:flex;align-items:flex-end;gap:14px;height:170px}
.art-bars i{display:block;width:34px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--cyan),var(--indigo));height:8px;transition:height 1s var(--ease)}
.art-bars.run i{height:var(--h)}
.art-quiz{display:grid;gap:10px;width:min(78%,330px)}
.art-quiz div{padding:11px 14px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.05);font-size:.9rem;transition:.4s var(--ease)}
.art-quiz div.on{border-color:var(--cyan);background:rgba(61,213,255,.14);color:#fff}
.art-quiz .res{border-color:rgba(255,200,90,.6);background:rgba(255,200,90,.12);color:#FFE7B0;opacity:0}
.art-quiz.run .res{opacity:1}

/* sections */
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;counter-reset:s}
.steps3 .card{position:relative}
.steps3 .card::before{counter-increment:s;content:counter(s);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:linear-gradient(135deg,var(--indigo),var(--violet));color:#fff}
.steps4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.steps4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.steps3,.steps4{grid-template-columns:minmax(0,1fr)}}
.faq{display:grid;gap:12px;max-width:860px;margin:0;width:100%}
.faq details{border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.04);padding:0 20px}
.faq summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:600;position:relative;font-size:1.04rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--cyan);transition:transform .25s var(--ease)}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{margin:0 0 18px;color:var(--muted)}
.callout{padding:22px 24px;border-radius:var(--r-lg);border:1px solid rgba(255,200,90,.4);background:rgba(255,200,90,.07);color:#FFE7B0;display:grid;gap:6px}
.callout b{color:#fff}
.price{display:grid;gap:14px}
.pricecard{padding:30px;border-radius:var(--r-xl);display:grid;gap:16px;max-width:460px;border:1px solid rgba(190,140,255,.5);background:linear-gradient(180deg,rgba(155,61,255,.18),rgba(99,102,241,.06))}
.pricecard .amt{font-family:var(--display);font-size:3.4rem;font-weight:720;letter-spacing:-.03em;line-height:1}
.pricecard .amt small{font-size:1rem;color:var(--muted);font-weight:500;letter-spacing:0}
.paywrap{background:#fff;border-radius:16px;padding:16px;min-height:150px}
.tbl{width:100%;border-collapse:collapse;font-size:.95rem}
.tbl th,.tbl td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{color:var(--faint);font-weight:600;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.tblwrap{overflow-x:auto;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.03)}
.relgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.relgrid a{display:grid;gap:4px;padding:16px 18px;border-radius:var(--r-md);border:1px solid var(--line);background:rgba(255,255,255,.04);transition:.25s var(--ease)}
.relgrid a:hover{transform:translateY(-3px);border-color:var(--line-2);background:rgba(255,255,255,.08)}
.relgrid b{font-size:1rem}.relgrid span{font-size:.85rem;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip2{font:inherit;font-size:.88rem;padding:7px 14px;border-radius:99px;border:1px solid var(--line-2);background:rgba(255,255,255,.05);color:var(--text);cursor:pointer}
.chip2[aria-pressed="true"],.chip2:hover{background:rgba(99,102,241,.3);border-color:rgba(139,139,255,.7)}
.lastcheck{font-size:.85rem;color:var(--faint)}

/* tool UI */
.tool{padding:clamp(18px,3vw,32px);border-radius:var(--r-xl);display:grid;gap:22px}
.tool h2{font-size:1.5rem;letter-spacing:-.02em}
.tgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start}
@media (max-width:900px){.tgrid{grid-template-columns:minmax(0,1fr)}}
.fld{display:grid;gap:7px;min-width:0}
.fld>label,.fld>span.l{font-size:.85rem;color:var(--muted);font-weight:600}
.fld input[type=text],.fld input[type=email],.fld input[type=url],.fld input[type=number],.fld textarea,.fld select{width:100%;font:inherit;font-size:1rem;color:#fff;background:rgba(8,10,31,.7);border:1px solid var(--line-2);border-radius:12px;padding:11px 14px;min-width:0}
.fld textarea{min-height:110px;resize:vertical}
.fld select option{color:#111}
.fld input:focus,.fld textarea:focus,.fld select:focus{outline:2px solid var(--cyan);outline-offset:1px}
.fld .hint{font-size:.8rem;color:var(--faint)}
.fld input[type=range]{width:100%;accent-color:#8B7DFF}
.fld input[type=color]{width:52px;height:40px;border:1px solid var(--line-2);border-radius:10px;background:transparent;padding:2px}
.row2{align-items:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:560px){.row2{grid-template-columns:minmax(0,1fr)}}
.dz{display:grid;place-items:center;gap:6px;text-align:center;padding:26px 16px;border-radius:18px;border:2px dashed rgba(190,140,255,.5);background:rgba(155,61,255,.07);cursor:pointer;transition:.25s var(--ease)}
.dz:hover,.dz.over{background:rgba(155,61,255,.16);border-color:rgba(190,140,255,.9)}
.dz input{position:absolute;width:1px;height:1px;opacity:0}
.dz b{font-size:1rem}.dz span{font-size:.85rem;color:var(--muted)}
.dz:focus-within{outline:2px solid var(--cyan);outline-offset:3px}
.out{display:grid;gap:14px;min-width:0}
.canvasbox{border-radius:16px;background:repeating-conic-gradient(rgba(255,255,255,.05) 0 25%,transparent 0 50%) 0 0/20px 20px;border:1px solid var(--line);padding:14px;display:grid;place-items:center;overflow:hidden}
.canvasbox canvas{max-width:100%;height:auto;border-radius:10px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}
.thumbs{display:flex;gap:10px;flex-wrap:wrap}
.thumbs button{border:2px solid transparent;border-radius:10px;padding:0;background:none;cursor:pointer;overflow:hidden;width:64px;height:64px}
.thumbs button[aria-pressed="true"]{border-color:var(--cyan)}
.thumbs img{width:100%;height:100%;object-fit:cover}
.msg{font-size:.9rem;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--muted)}
.msg.warn{border-color:rgba(255,200,90,.5);background:rgba(255,200,90,.08);color:#FFE7B0}
.msg.bad{border-color:rgba(255,90,110,.5);background:rgba(255,90,110,.1);color:#FFD5DA}
.msg.good{border-color:rgba(61,220,151,.5);background:rgba(61,220,151,.1);color:#D5FFEA}
.btnrow{display:flex;flex-wrap:wrap;gap:10px}
.sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}
.sizes figure{margin:0;display:grid;gap:6px;justify-items:center;font-size:.75rem;color:var(--muted)}
.sizes canvas{border-radius:22%;box-shadow:0 8px 20px -10px rgba(0,0,0,.8);background:#fff}
.masks{display:flex;gap:22px;flex-wrap:wrap;align-items:center}
.masks figure{margin:0;display:grid;gap:6px;justify-items:center;font-size:.8rem;color:var(--muted)}

/* checklist */
.ck-tabs{display:flex;gap:8px;flex-wrap:wrap}
.ck-group{display:grid;gap:8px}
.ck-group h3{font-size:1.1rem;margin-top:14px}
.ck-item{text-align:left;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer;transition:.2s var(--ease)}
.ck-item:hover{background:rgba(255,255,255,.07)}
.ck-item input{width:20px;height:20px;margin-top:2px;accent-color:#3DDC97}
.ck-item b{font-weight:600}.ck-item span{display:block;font-size:.88rem;color:var(--muted)}
.ck-item.done{opacity:.6}.ck-item.done b{text-decoration:line-through}
.ring2{--p:0;width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--cyan) calc(var(--p)*1%),rgba(255,255,255,.1) 0);transition:--p .5s}
.ring2 div{width:94px;height:94px;border-radius:50%;background:var(--night-2);display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.6rem}
.ck-side{position:sticky;top:110px;display:grid;gap:14px;justify-items:center;text-align:center}
.ck-wrap{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}
@media (max-width:900px){.ck-wrap{grid-template-columns:minmax(0,1fr)}.ck-side{position:static}}
@media print{.nav,.sky,footer,.cta,.btnrow,.ck-tabs,.chat-launch,.xhero__art,.skip{display:none!important}body{background:#fff;color:#000}.ck-item,.glass{background:#fff!important;color:#000!important;border-color:#999!important;box-shadow:none!important}.ck-item span,.lead{color:#333!important}}

/* decoder + quiz */
.dec-item{border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);overflow:hidden}
.dec-item summary{cursor:pointer;list-style:none;padding:16px 18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}
.dec-item summary::-webkit-details-marker{display:none}
.dec-code{font-family:var(--display);font-weight:700;font-size:1.1rem;padding:6px 12px;border-radius:10px;background:rgba(99,102,241,.25);min-width:3.6em;text-align:center}
.dec-body{padding:0 18px 18px;display:grid;gap:10px;color:var(--muted)}
.dec-body h4{margin:6px 0 0;color:#fff;font-size:.95rem}
.dec-body ul{margin:0;padding-left:20px;display:grid;gap:4px}
.q{display:grid;gap:10px;padding:18px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}
.q legend,.q .ql{font-weight:600;padding:0}
.q label{display:flex;gap:10px;align-items:center;padding:9px 12px;border-radius:10px;border:1px solid var(--line);cursor:pointer;font-size:.95rem}
.q label:hover{background:rgba(255,255,255,.06)}
.q input{accent-color:#8B7DFF}
.q label:has(input:checked){border-color:rgba(139,139,255,.8);background:rgba(99,102,241,.2)}
.verdict{padding:22px;border-radius:var(--r-lg);border:1px solid var(--line-2);display:grid;gap:12px}
.verdict h3{font-size:1.5rem}
.verdict.low{border-color:rgba(61,220,151,.6);background:rgba(61,220,151,.08)}
.verdict.mid{border-color:rgba(255,200,90,.6);background:rgba(255,200,90,.08)}
.verdict.high{border-color:rgba(255,90,110,.6);background:rgba(255,90,110,.09)}
.verdict ul{margin:0;padding-left:20px;display:grid;gap:6px}

/* listing preview */
.cnt{font-size:.8rem;color:var(--faint);text-align:right}
.cnt.over{color:#FF8A98;font-weight:700}
.listing{border-radius:22px;background:#fff;color:#111;padding:16px;display:grid;gap:12px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;max-width:380px}
.listing .top{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center}
.listing .ico{width:72px;height:72px;border-radius:16px;background:linear-gradient(145deg,#6E6BFF,#9B3DFF 60%,#3DD5FF)}
.listing .t{font-weight:700;font-size:1.05rem;line-height:1.2;overflow-wrap:anywhere}
.listing .s{font-size:.85rem;color:#6b7280;overflow-wrap:anywhere}
.listing .get{padding:6px 18px;border-radius:99px;background:#0A84FF;color:#fff;font-weight:700;font-size:.85rem}
.listing .pt{font-size:.88rem;color:#374151;overflow-wrap:anywhere}

/* qr */
.qrout{display:grid;place-items:center;padding:18px;border-radius:16px;background:#fff;width:100%;max-width:340px;box-sizing:border-box;min-width:0}
.qrout canvas,.qrout img{width:100%!important;max-width:300px;height:auto}

/* calc */
.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kpi{padding:16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.05);display:grid;gap:4px}
.kpi span{font-size:.78rem;color:var(--faint);letter-spacing:.06em;text-transform:uppercase}
.kpi b{font-family:var(--display);font-size:1.7rem;letter-spacing:-.02em}
.kpi.big{grid-column:1/-1;border-color:rgba(190,140,255,.5);background:rgba(155,61,255,.12)}
.sliderrow{display:flex;justify-content:space-between;gap:12px;font-size:.9rem}
.sliderrow output{color:#fff;font-weight:700}
.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.tools-grid{grid-template-columns:minmax(0,1fr)}}
.tool-card{display:grid;gap:12px;align-content:start;padding:26px;border-radius:var(--r-lg);transition:.3s var(--ease)}
.tool-card:hover{transform:translateY(-5px);border-color:var(--line-2)}
.tool-card h3{font-size:1.2rem}.tool-card p{color:var(--muted);font-size:.95rem;margin:0}
.tool-card .go{color:var(--cyan);font-weight:600;font-size:.92rem}
.prose p{color:var(--muted)}
.prose h2{margin-bottom:6px}
.prose h3{margin-top:18px}
.prose ul{color:var(--muted);display:grid;gap:6px;padding-left:20px}
.bigpill{display:inline-flex;gap:8px;align-items:center;padding:4px 12px;border-radius:99px;background:rgba(61,220,151,.14);border:1px solid rgba(61,220,151,.5);color:#D5FFEA;font-size:.82rem;font-weight:600}

.paywrap,.paywrap *:not(a):not(svg):not(path){color:#14162E!important}
.paywrap a{color:#4338CA!important}