.canvas-story{border:1px solid #a68bb747;border-radius:20px;background:#191e37;overflow:hidden}
/* A simple visual hand-off: real device → fingerprint → website. */
.canvas-simple-flow{display:grid;grid-template-columns:1fr 24px .9fr 24px 1fr;align-items:stretch;gap:14px;padding:25px;border:1px solid #a68bb747;border-radius:20px;background:linear-gradient(120deg,#191e37,#24213a)}
.canvas-simple-step{min-width:0;padding:22px 19px 20px;border-radius:13px}
.canvas-simple-step h3{font-size:25px;line-height:1.2;letter-spacing:-.03em;font-weight:500;min-height:60px;margin:0 0 22px;color:#ede7f7}
.canvas-simple-step p{font-size:13px;line-height:1.7;color:#b5aecb;margin:19px 0 0}
.canvas-simple-screen{border:1px solid #bca5c44a;border-radius:9px;overflow:hidden;background:#302c44;transform:rotate(-2deg);box-shadow:0 10px 25px #0b102628}
.canvas-simple-bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;color:#bba5be}
.canvas-simple-bar>.icon{width:14px;height:14px}.canvas-simple-bar>i{width:3px;height:3px;background:currentColor;opacity:.65;border-radius:50%}.canvas-simple-bar>i:first-of-type{margin-left:auto}
.canvas-simple-screen .prepared-canvas-art{width:100%;height:auto;aspect-ratio:320/150;border-radius:0}
.canvas-simple-arrow{display:flex;align-items:center;justify-content:center;color:#c797b3;padding-bottom:14px}.canvas-simple-arrow>.icon{width:24px;height:24px}
.canvas-simple-package{text-align:center}.canvas-simple-packet{height:158px;max-width:185px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;border:1px solid #c999b26b;border-radius:15px;background:linear-gradient(145deg,#423044,#292940);transform:rotate(2deg);box-shadow:0 10px 25px #0b102628}
.canvas-simple-packet>.fp-logo{width:62px;height:62px;opacity:.75}.canvas-simple-packet>span{display:flex;align-items:center;gap:6px;font-size:12px;color:#e4bed3}.canvas-simple-packet>span>.icon{width:15px;height:15px;color:#eba7c0}
.canvas-simple-destination{background:linear-gradient(125deg,#e6c2d7,#efd2de);border:1px solid #f0d8e5;box-shadow:0 5px 25px #090e2620}
.canvas-simple-destination h3{color:#4a2c45}.canvas-simple-destination .canvas-simple-screen{background:#ac8aa4;border-color:#bc95ac;transform:rotate(1.5deg)}.canvas-simple-destination .canvas-simple-bar{color:#5f3853}.canvas-simple-destination p{color:#75536c}.canvas-simple-destination p strong{display:block;font-size:17px;font-weight:600;color:#aa355a}.canvas-simple-destination p span{display:block;font-size:11px;margin-top:5px;line-height:1.6}
.canvas-simple-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px}.canvas-simple-footer p{font-size:13px;line-height:1.8;color:#a4a6c2}.canvas-simple-footer a{display:flex;align-items:center;gap:7px;font-size:12px;color:#d7b3cb;white-space:nowrap}.canvas-simple-footer .icon{width:15px;height:15px}
@media(max-width:1150px){.canvas-simple-flow{padding:18px;gap:8px;grid-template-columns:1fr 18px .9fr 18px 1fr}.canvas-simple-step{padding:20px 12px}.canvas-simple-step h3{font-size:22px;min-height:55px}.canvas-simple-step p{font-size:12px}.canvas-simple-packet{height:135px;max-width:155px;gap:15px}.canvas-simple-packet>.fp-logo{width:48px;height:48px}.canvas-simple-packet>span{font-size:11px}.canvas-simple-arrow>.icon{width:19px;height:19px}.canvas-simple-destination p strong{font-size:15px}.canvas-simple-destination p span{font-size:10px}}
@media(max-width:920px){.canvas-simple-flow{padding:16px;gap:5px;grid-template-columns:1fr 14px .9fr 14px 1fr}.canvas-simple-step{padding:18px 9px}.canvas-simple-step h3{font-size:19px;min-height:49px}.canvas-simple-step p{font-size:11px}.canvas-simple-packet{height:112px;gap:12px}.canvas-simple-packet>.fp-logo{width:41px;height:41px}.canvas-simple-packet>span{font-size:10px}.canvas-simple-destination p strong{font-size:13px}.canvas-simple-destination p span{font-size:9px}.canvas-simple-arrow>.icon{width:16px;height:16px}}
@media(max-width:700px){.canvas-simple-flow{grid-template-columns:1fr;gap:3px;padding:18px}.canvas-simple-step{padding:19px 14px;text-align:center}.canvas-simple-step h3{font-size:27px;min-height:0;margin-bottom:22px}.canvas-simple-step p{font-size:13px;margin-top:20px}.canvas-simple-arrow{height:35px;padding:0}.canvas-simple-arrow>.icon{width:23px;height:23px;transform:rotate(90deg)}.canvas-simple-screen{max-width:300px;margin:auto}.canvas-simple-packet{width:185px;max-width:none;height:155px;gap:18px}.canvas-simple-packet>.fp-logo{width:58px;height:58px}.canvas-simple-packet>span{font-size:12px}.canvas-simple-destination p strong{font-size:19px}.canvas-simple-destination p span{font-size:11px}.canvas-simple-footer{display:block;margin-top:20px}.canvas-simple-footer p{font-size:12px}.canvas-simple-footer a{margin-top:15px}}
.canvas-preparation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:30px}
.canvas-step{min-width:0;position:relative}
.canvas-step:not(:last-child):after{content:'→';position:absolute;top:135px;right:-22px;font-size:21px;color:#be829e;font-family:var(--display);line-height:1;z-index:2}
.canvas-step-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.075em;font-weight:600;color:#bdafce}
.canvas-step-label>b{font-family:var(--display);font-size:17px;font-weight:500;letter-spacing:0;color:#f196ad}
.canvas-step h3{font-size:23px;line-height:1.3;letter-spacing:-.03em;margin:12px 0 19px}
.canvas-step>p{font-size:12px;line-height:1.8;color:#a4afce;margin:16px 0 0;max-width:320px}
.canvas-request-code,.canvas-device-output,.canvas-data-packet{height:175px;width:100%;border:1px solid #a293bb46;border-radius:9px;background:#21253e;overflow:hidden}
.canvas-request-code>span{display:flex;align-items:center;justify-content:space-between;padding:13px 13px 11px;border-bottom:1px solid #a798ba2b;color:#b2b3cf;font:10px/1.3 Consolas,monospace}
.canvas-request-code i{font:600 7px var(--font);letter-spacing:.06em;color:#8f99b8}
.canvas-request-code code{display:block;padding:18px 13px;font:10px/2.25 Consolas,monospace;color:#d0c3de;white-space:nowrap}
.canvas-request-code em{font-style:normal;color:#eba5be}
.canvas-device-output{padding:11px;background:#28283f}
.prepared-canvas-art{display:block;width:100%;height:121px;overflow:hidden;border-radius:5px}
.canvas-device-output>span{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#e2bbcF;line-height:1.4;margin-top:10px}
.canvas-device-output .icon{width:13px;height:13px;color:#ea9bb5}
.canvas-data-packet{display:flex;align-items:center;justify-content:center;gap:15px;padding:18px;background:linear-gradient(135deg,#39283e80,#252840)}
.canvas-data-packet>.icon{width:35px;height:35px;color:#e1a4be;flex-shrink:0}
.canvas-data-packet strong{display:block;font-size:14px;color:#eddaec;margin-bottom:12px}
.canvas-data-packet span{display:flex;align-items:center;gap:5px;font-size:10px;color:#bcb9d3;line-height:1.7;margin:4px 0}
.canvas-data-packet span .icon{width:12px;height:12px;color:#d08daa}
.canvas-data-packet b{display:block;font-size:9px;font-weight:600;color:#e9b9cb;margin-top:12px}
.canvas-instant-result{margin:0 30px 24px;padding:28px 30px;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:40px;border:1px solid #e09ab3a8;border-radius:13px;background:linear-gradient(115deg,#e7c1d6,#f1d2db);box-shadow:0 5px 25px #090e2620;color:#35253e;position:relative}
.canvas-delivered{padding:13px;background:#392b433d;border:1px solid #fff8;border-radius:9px;transform:rotate(-1.5deg)}
.canvas-delivered>span{display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;letter-spacing:.05em;color:#50394e;margin-bottom:12px}
.canvas-delivered>span .icon{width:14px;height:14px}
.canvas-delivered .prepared-canvas-art{height:auto;aspect-ratio:320/150}
.canvas-delivered>div{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;color:#51374d;margin-top:10px;line-height:1.5}
.canvas-delivered>div .icon{width:13px;height:13px;flex-shrink:0}
.canvas-result-kicker{display:block;font-size:8px;font-weight:700;letter-spacing:.07em;color:#85506b;margin-bottom:13px}
.canvas-result-story h3{font-size:clamp(28px,2.9vw,40px);line-height:1.13;letter-spacing:-.04em;color:#3b283f;margin:0 0 15px}
.canvas-result-story h3 em{font-style:normal;color:#ac3457}
.canvas-result-story>p{font-size:13px;line-height:1.8;color:#6d4b62;max-width:425px}
.canvas-local-proof{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid #9f5f8033}
.canvas-local-proof>.icon{width:19px;height:19px;color:#a94c6b;flex-shrink:0}
.canvas-local-proof strong{font-size:11px;line-height:1.6;font-weight:600;color:#6a3754}
.canvas-illustration-note{padding:0 30px 23px;font-size:10px;line-height:1.8;color:#909bbd;margin:0}
.after-purchase a.after-purchase-next{display:inline-flex;align-items:center;gap:9px;margin-right:auto;font-size:16px;font-weight:600;line-height:1.5;color:#ecc7d9}
.after-purchase-next .icon{width:20px;height:20px;color:#e78eaa}
.after-purchase a.after-purchase-next:hover{color:#fff0f6}
@media(max-width:1150px){.canvas-preparation{padding:25px;gap:22px}.canvas-step h3{font-size:20px}.canvas-step-label{font-size:7px;gap:6px}.canvas-request-code code{font-size:8px;padding-inline:10px}.canvas-data-packet{gap:10px;padding:13px}.canvas-data-packet>.icon{width:25px;height:25px}.canvas-data-packet strong{font-size:12px}.canvas-data-packet span{font-size:8px}.canvas-data-packet b{font-size:8px}.canvas-device-output>span{font-size:8px}.canvas-step>p{font-size:11px}.canvas-instant-result{margin-inline:25px;gap:28px;padding:25px}.canvas-local-proof strong{font-size:10px}.canvas-illustration-note{padding-inline:25px}.after-purchase a.after-purchase-next{font-size:15px}}
@media(max-width:920px){.canvas-preparation{gap:19px;padding:23px}.canvas-step-label{font-size:6px}.canvas-step h3{font-size:18px}.canvas-step>p{font-size:10px}.canvas-request-code code{font-size:7px;padding-inline:9px}.canvas-request-code>span{font-size:9px;padding-inline:9px}.canvas-data-packet{flex-direction:column;gap:8px;text-align:center;padding:12px}.canvas-data-packet strong{font-size:11px;margin-bottom:5px}.canvas-data-packet span{font-size:8px;justify-content:center}.canvas-data-packet b{font-size:7px;margin-top:7px}.canvas-data-packet>.icon{width:23px;height:23px}.canvas-device-output{padding:8px}.canvas-device-output>span{font-size:7px;line-height:1.6}.canvas-step:not(:last-child):after{right:-17px;font-size:17px}.canvas-instant-result{margin-inline:23px;gap:25px;padding:23px;grid-template-columns:.9fr 1.1fr}.canvas-result-story h3{font-size:28px}.canvas-result-story>p{font-size:12px}.canvas-local-proof{gap:7px}.canvas-local-proof strong{font-size:9px}.canvas-result-kicker{font-size:7px}.canvas-delivered>span{font-size:6px;gap:4px}.canvas-delivered>div{font-size:8px}.canvas-illustration-note{font-size:9px}}
@media(max-width:700px){.canvas-preparation{grid-template-columns:1fr;gap:32px;padding:24px}.canvas-step:not(:last-child):after{content:'↓';top:auto;right:calc(50% - 7px);bottom:-27px;font-size:20px}.canvas-step-label{font-size:8px;gap:8px}.canvas-step h3{font-size:25px;margin-top:10px;margin-bottom:14px}.canvas-step>p{font-size:12px;max-width:none;margin-top:12px}.canvas-request-code,.canvas-device-output,.canvas-data-packet{height:176px}.canvas-request-code code{font-size:10px;padding:18px 13px}.canvas-request-code>span{font-size:11px;padding:13px}.canvas-device-output{padding:11px}.canvas-device-output>span{font-size:9px}.canvas-data-packet{flex-direction:row;text-align:left;gap:17px;padding:20px}.canvas-data-packet strong{font-size:14px;margin-bottom:12px}.canvas-data-packet span{font-size:10px;justify-content:flex-start}.canvas-data-packet b{font-size:9px;margin-top:12px}.canvas-data-packet>.icon{width:32px;height:32px}.canvas-instant-result{margin:2px 18px 20px;padding:25px 20px;grid-template-columns:1fr;gap:23px}.canvas-delivered{order:2;padding:12px}.canvas-delivered>span{font-size:8px}.canvas-delivered>div{font-size:9px}.canvas-result-story h3{font-size:32px}.canvas-result-story>p{font-size:13px}.canvas-result-kicker{font-size:7px;line-height:1.7}.canvas-local-proof strong{font-size:11px}.canvas-local-proof>.icon{width:21px;height:21px}.canvas-illustration-note{padding:0 24px 21px;font-size:10px}.after-purchase a.after-purchase-next{font-size:15px;width:100%;margin-bottom:5px}}
@media(max-width:375px){.canvas-preparation{padding:21px}.canvas-request-code code{font-size:9px}.canvas-step-label{font-size:7px}.canvas-instant-result{padding:23px 17px;margin-inline:15px}.canvas-result-story h3{font-size:29px}.canvas-delivered>span{font-size:7px}.canvas-delivered>div{font-size:8px}.canvas-data-packet{padding:14px}.canvas-data-packet strong{font-size:12px}.canvas-data-packet span{font-size:9px}.canvas-result-kicker{font-size:6px}}