.story{grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);gap:42px}.story>.pin,.story .stage{height:520px}.story .stage{background:radial-gradient(ellipse at 75% 15%,#e2d6fc,transparent 65%),#f1ecfa;border:1px solid #e7def4;border-radius:22px}.story .panel{inset:22px}.story .panel>.app{width:100%;border:1px solid #e7e0ef;border-radius:12px;padding:20px;background:#fff;box-shadow:0 18px 40px -18px #5f3d8838;overflow:hidden}.mock-chrome{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:-20px -20px 18px;padding:12px 18px;border-bottom:1px solid #ede7f4;background:#fcfaff;font:8px Geist,system-ui,sans-serif;letter-spacing:.04em;color:#55555f}.mock-chrome i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#4a34f5;margin-right:6px}.mock-chrome .mock-live{color:#538a78}.story .app h4{font-family:Geist,system-ui,sans-serif;font-size:20px;letter-spacing:-.04em;color:#392847}.story .app .sub{font-size:10px;line-height:1.55;color:#55555f;margin-top:6px}.story .app .top{align-items:flex-start;gap:12px}.story .app .pbtn{border-radius:6px;border:1px solid #e4d8f5;background:#f7f2fe;color:#77569a;font-size:8px;white-space:normal;text-align:center;line-height:1.4;padding:7px 9px;height:auto}.story .app .pbtn.f{background:#4a34f5;color:#fff;border-color:#4a34f5;box-shadow:0 4px 10px #4a34f520}.story .app .lbl{font-size:9px;color:#55555f}.story .p1 .cols{border:0;gap:12px;overflow:visible}.story .p1 .l{padding:18px;background:linear-gradient(135deg,#f4edff,#ede4fc);border:1px solid #e8dcf7;border-radius:10px}.story .p1 .big{font-size:36px;color:#7047aa;letter-spacing:-.05em}.story .p1 .r{padding:10px 0 10px 10px}.story .p1 .row{font-size:10px;line-height:1.5}.story .p1 .row small{display:block;font-size:8px}.story .p1 .tabs-ui{margin-top:16px;font-size:8px;border-radius:7px;background:#f8f5fc;border:0}.story .p2 .tbl{margin-top:15px}.story .p2 .tbl th{font-size:8px;background:#f8f5fc;color:#55555f;padding:9px 8px}.story .p2 .tbl td{padding:9px 8px;border-color:#f0e9f6}.story .p2 .tbl td b{font-size:10px;font-weight:500;color:#5e4771}.story .p2 .tbl td small{font-size:8px;color:#55555f}.story .p2 .tbl .t{font-size:8px;color:#55555f}.story .p2 .tbl .m{font-size:13px;color:#77529e;font-weight:500;white-space:nowrap}.story .p2 tfoot{background:#f1eafa;color:#754b9d}.story .p2 tfoot td{font-size:11px;font-weight:600}.story .p3 .cols{grid-template-columns:1.3fr 1fr;gap:18px;margin-top:18px}.story .p3 .ins>div:not(.lbl){position:relative;padding:12px 10px 12px 25px;margin-bottom:5px;border:1px solid #ede4f5!important;border-radius:7px;background:#fcfaff;gap:8px}.story .p3 .ins>div:not(.lbl):before{content:'';position:absolute;left:10px;top:18px;width:5px;height:5px;border-radius:50%;background:#b18bda}.story .p3 .ins>div:nth-child(3):before{background:#e5b780}.story .p3 .ins>div:nth-child(4):before{background:#82b6a0}.story .p3 .ins>div:nth-child(5):before{background:#9a9ee2}.story .p3 .ins>.lbl{border:0;padding:0 0 10px!important;line-height:1.4}.story .p3 .ins b{font-size:10px;font-weight:500;color:#604875;line-height:1.4}.story .p3 .ins small{font-size:8px;line-height:1.4;color:#55555f;display:block;margin-top:4px}.story .p3 .ins .v b{font-size:12px;color:#77539b}.story .p3 .card{border:1px solid #e7dcf2;border-radius:9px;background:#fcfaff;padding:15px;box-shadow:none}.dossier-score{display:flex;align-items:center;gap:13px;margin:15px 0}.score-ring{width:75px;height:75px;border-radius:50%;background:conic-gradient(#8d62cf 0 83%,#e9e0f4 83%);display:grid;place-items:center;flex-shrink:0}.score-ring strong{width:63px;height:63px;border-radius:50%;background:#fcfaff;display:flex;align-items:center;justify-content:center;font-size:25px;letter-spacing:-.05em;color:#78529e;font-weight:500}.score-ring strong small{font-size:12px;margin-left:2px}.dossier-score>div:last-child b{font-size:17px;font-weight:500;color:#755591;display:block}.dossier-score>div:last-child small{font-size:8px;color:#55555f;display:block;margin-top:4px}.story .p3 .segs{gap:3px;height:4px}.story .p3 .segs i{border-radius:2px}.story .p3 .segs i.f{background:#a785d4}.story .p3 .card>b{font-size:12px!important;font-weight:500;color:#76568f}.story .p3 .nb{font-size:9px;line-height:1.5;padding:10px;background:#ede4f8;border-radius:6px;color:#55555f}.story .p3 .nb b{color:#79539a;font-weight:500}.story .p4 .prog{margin:22px 0 14px;height:4px;gap:5px}.story .p4 .prog i{border-radius:4px}.story .p4 .chk{padding:6px 0}.story .p4 .chk div{padding:10px 12px;margin-bottom:5px;border-radius:7px;font-size:12px;background:#faf7fd;border:1px solid #efe7f6;color:#55555f}.story .p4 .chk div.d{color:#74548d;background:#f2ebfa;border-color:#e8dbf4}.story .p4 .ready{font-size:12px;border-radius:7px;background:#edf6f1;color:#54836b;padding:14px;margin-top:12px}.story .dots{bottom:10px}.story .dots i{height:4px;width:17px}.story .dots i.on{width:30px;background:#a080ca}
@media(max-width:960px){.story{grid-template-columns:1fr;gap:25px}.story>.pin,.story .stage{height:520px}.story .panel{inset:20px}.story>.pin{display:flex}}
@media(max-width:600px){.story>.pin,.story .stage{height:530px}.story .panel{inset:10px}.story .panel>.app{padding:14px}.mock-chrome{margin:-14px -14px 15px;padding:10px 14px;font-size:7px}.story .app h4{font-size:18px}.story .app .top{flex-wrap:wrap}.story .app .pbtn{font-size:7px}.story .p3 .cols{grid-template-columns:1fr;gap:10px}.story .p3 .cols>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:9px}.story .p3 .cols>div:last-child>.card{margin:0!important;padding:10px}.story .p3 .ins>div:not(.lbl){padding:8px 8px 8px 20px}.story .p3 .ins>div:not(.lbl):before{left:8px;top:14px}.story .p3 .ins small{font-size:7px}.story .p3 .ins b{font-size:9px}.story .p3 .ins .v b{font-size:11px}.story .p3 .cols{margin-top:12px}.score-ring{width:55px;height:55px}.score-ring strong{width:45px;height:45px;font-size:20px}.dossier-score{gap:7px;margin:10px 0}.dossier-score>div:last-child b{font-size:13px}.dossier-score>div:last-child small{font-size:7px}.story .p3 .card .sub{font-size:8px}.story .p3 .nb{font-size:8px;padding:7px}.story .p1 .cols{grid-template-columns:1fr}.story .p1 .l{padding:12px}.story .p1 .r{padding:8px}.story .p1 .big{font-size:32px}.story .p2 .tbl td{padding:9px 4px}.story .p2 .tbl td b{font-size:9px}.story .p2 .tbl .t{font-size:7px}.story .p2 .tbl .m{font-size:11px}.story .p4 .chk div{font-size:10px}}
.story .p3 .cols>div:last-child>.card:first-child{background:#f1eafa;border-color:#ddcdef}.story .p3 .ins b{color:#493257}.story .p3 .ins .v b{color:#7042ab}.story .p3 .ins small{color:#55555f}.score-ring{background:conic-gradient(#8050d0 0 83%,#e2d4f1 83%)}.score-ring strong{background:#f1eafa;color:#7447b0}.story .p3 .nb{background:#8050bf;color:#f1e8fa}.story .p3 .nb b{color:#fff}.story .p3 .ins>div:first-of-type{border-left:2px solid #b287df}