.qflow{--qf-ink:#1b1d35;--qf-muted:#6b6f87;--qf-purple:#5750ca;--qf-line:#e7e4f2;--qf-pale:#f5f3fc;background:#fff;color:var(--qf-ink)}
.qflow,.qflow *{box-sizing:border-box}
.qflow__wrap{width:calc(100% - 64px);max-width:1160px;margin-inline:auto}
.qflow__hero{padding:76px 0 56px}
.qflow__hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:64px}
.qflow__hero-copy,.qflow__step-copy,.qflow__visual{min-width:0}
.qflow__hero h1{font:inherit;font-size:clamp(44px,4.7vw,66px);font-weight:750;line-height:1.07;letter-spacing:-2.5px;max-width:490px;margin:0 0 24px;color:var(--qf-ink)}
.qflow__lead{font-size:19px;line-height:1.7;color:var(--qf-muted);max-width:460px;margin:0}
.qflow__actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:29px}
.qflow__button,.qflow__text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;text-align:center}
.qflow__button{padding:13px 21px;color:#fff;background:var(--qf-purple);border:1px solid var(--qf-purple);border-radius:11px;transition:background .18s ease}
.qflow__button:hover{background:#4841b6;border-color:#4841b6}
.qflow__text-link{color:var(--qf-purple);padding:9px 0;text-underline-offset:5px}
.qflow__text-link:hover{text-decoration:underline}
.qflow__hero-image{margin:0}
.qflow__hero-image img{display:block;width:100%;height:auto;border-radius:28px}
.qflow__caption{font-size:12px;line-height:1.65;color:#6e7289;margin:12px 0 0}
.qflow__route{padding:0 0 38px;scroll-margin-top:100px}
.qflow__route h2{font:inherit;font-size:27px;line-height:1.3;letter-spacing:-.65px;font-weight:700;color:var(--qf-ink);margin:0 0 25px}
.qflow__route ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.qflow__route li{min-width:0}
.qflow__route a{display:flex;align-items:center;gap:10px;min-height:56px;padding:12px 11px;background:var(--qf-pale);border:1px solid #ece8f7;border-radius:11px;color:#56516e;text-decoration:none;font-size:13px;line-height:1.5;font-weight:600;transition:background .18s ease}
.qflow__route a:hover{background:#ece8fb;color:var(--qf-purple)}
.qflow__route a span:first-child{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;color:var(--qf-purple);background:#e6e0fb;font-size:12px;font-weight:700}
.qflow__steps{padding-bottom:48px}
.qflow__step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center;padding:48px 0;border-top:1px solid var(--qf-line);scroll-margin-top:100px}
.qflow__step--reverse .qflow__step-copy{order:2}
.qflow__step--reverse .qflow__visual{order:1}
.qflow__step-label{display:inline-flex;align-items:center;gap:9px;color:var(--qf-purple);font-size:13px;line-height:1.5;font-weight:650;margin:0 0 15px}
.qflow__step-label span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#eeeafb}
.qflow__step h2{font:inherit;font-size:36px;line-height:1.16;letter-spacing:-1.2px;font-weight:730;color:var(--qf-ink);max-width:460px;margin:0 0 19px}
.qflow__step-copy>p:not(.qflow__step-label){font-size:16px;line-height:1.8;color:var(--qf-muted);max-width:480px;margin:0 0 14px}
.qflow__step-link{display:inline-flex;align-items:center;gap:9px;min-height:42px;font-size:14px;line-height:1.6;font-weight:650;color:var(--qf-purple);text-decoration:none;text-underline-offset:5px}
.qflow__step-link:hover{text-decoration:underline}
.qflow__step-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.qflow__visual{margin:0}
.qflow__panel{padding:27px;border:1px solid var(--qf-line);border-radius:22px;background:var(--qf-pale)}
.qflow__panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px;color:var(--qf-ink);font-size:14px;font-weight:650;line-height:1.5}
.qflow__panel-header>span{font-size:12px;line-height:1.5;font-weight:500;color:var(--qf-muted)}
.qflow__connection{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 0 24px}
.qflow__connection-logo{display:grid;place-items:center;min-width:96px;min-height:94px;padding:14px;background:#fff;border:1px solid #e7e2f1;border-radius:19px}
.qflow__connection-logo img{display:block;width:48px;height:48px}
.qflow__ebay{font-family:Arial,Helvetica,sans-serif;font-size:38px;font-weight:400;letter-spacing:-2.5px;white-space:nowrap}
.qflow__ebay span:nth-child(1){color:#e53238}.qflow__ebay span:nth-child(2){color:#0064d2}.qflow__ebay span:nth-child(3){color:#f5af02}.qflow__ebay span:nth-child(4){color:#78a61d}
.qflow__connection-line{width:50px;height:1px;background:#b6aedb;position:relative;flex:none}
.qflow__connection-line:after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #8b80bd;border-right:1px solid #8b80bd;transform:rotate(45deg)}
.qflow__setting-rows{display:grid;gap:10px;margin:0}
.qflow__setting-rows>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;background:#fff;border:1px solid #ece8f4;border-radius:10px;font-size:12px;line-height:1.6}
.qflow__setting-rows dt{color:#64617e;font-weight:500}
.qflow__setting-rows dd{color:#45405f;font-weight:600;text-align:right;margin:0}
.qflow__product-source{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:20px;padding:19px;border:1px solid #e5e0ef;background:#fff;border-radius:15px}
.qflow__product-source>img{display:block;width:100%;height:auto;max-height:200px;object-fit:contain}
.qflow__product-source small{display:block;font-size:12px;line-height:1.6;color:#79758e;margin-bottom:6px}
.qflow__product-source strong{display:block;font-size:16px;line-height:1.5;font-weight:650;color:var(--qf-ink)}
.qflow__source-note{display:flex;align-items:center;gap:9px;padding:11px 12px;margin-top:14px;border-radius:9px;background:var(--qf-purple);color:#fff;font-size:12px;line-height:1.5;font-weight:600}
.qflow__source-note svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.qflow__methods{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.qflow__methods span{padding:6px 9px;border:1px solid #e7e1f4;border-radius:7px;background:#fff;color:#625c7c;font-size:12px;line-height:1.5}
.qflow__draft{padding:22px;border:1px solid var(--qf-line);border-radius:20px;background:#fff;box-shadow:0 14px 30px #34226808}
.qflow__draft-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid #eeeaf5;font-size:14px;line-height:1.5;font-weight:650}
.qflow__draft-top span{font-size:12px;line-height:1.5;font-weight:600;color:#805c22;background:#fff2d3;border-radius:6px;padding:5px 8px}
.qflow__draft-product{display:flex;align-items:center;gap:17px;padding:19px 0}
.qflow__draft-product>img{display:block;flex:none;width:78px;height:78px;object-fit:contain}
.qflow__draft-product strong{display:block;font-size:15px;line-height:1.5;font-weight:650;color:var(--qf-ink)}
.qflow__draft-product p{font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--qf-muted)}
.qflow__price-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.qflow__price-factors span{display:flex;align-items:center;justify-content:center;padding:12px 8px;min-height:66px;border-radius:9px;background:var(--qf-pale);color:#5e577d;text-align:center;font-size:12px;line-height:1.55}
.qflow__draft-note{display:flex;align-items:start;gap:8px;font-size:12px;line-height:1.65;color:#77718e;margin:15px 0 0}
.qflow__draft-note svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;margin-top:2px}
.qflow__publication{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.qflow__publication-option{min-width:0;padding:22px 16px;background:#fff;border:1px solid #e7e1f3;border-radius:14px;text-align:center}
.qflow__publication-option>svg{display:block;width:34px;height:34px;margin:0 auto 16px;fill:none;stroke:var(--qf-purple);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.qflow__publication-option strong{display:block;font-size:15px;line-height:1.5;color:var(--qf-ink);font-weight:650}
.qflow__publication-option span{display:block;font-size:12px;line-height:1.6;color:var(--qf-muted);margin-top:7px}
.qflow__publication-note{font-size:12px;line-height:1.7;color:#756e8d;border-top:1px solid #e4deef;padding-top:16px;margin:19px 0 0}
.qflow__shop-photo{display:block;width:100%;height:auto;border-radius:20px}
.qflow__workspace{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}
.qflow__workspace span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:45px;padding:10px;background:var(--qf-pale);border:1px solid #ebe6f5;border-radius:9px;color:#625b80;font-size:12px;line-height:1.5;font-weight:600}
.qflow__workspace svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.qflow__faq{padding:54px 0 64px;background:#faf9fe;border-block:1px solid #eeebf6}
.qflow__faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;align-items:start}
.qflow__faq h2{font:inherit;font-size:35px;line-height:1.2;letter-spacing:-1px;font-weight:730;max-width:320px;margin:0 0 18px;color:var(--qf-ink)}
.qflow__faq-intro{font-size:15px;line-height:1.8;color:var(--qf-muted);max-width:330px;margin:0}
.qflow__faq-list{min-width:0}
.qflow__faq details{padding:18px 0;border-bottom:1px solid #e7e3f1}
.qflow__faq details:first-child{padding-top:0}
.qflow__faq summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;color:#36364f;font-size:15px;font-weight:650;line-height:1.6}
.qflow__faq summary::-webkit-details-marker{display:none}
.qflow__faq summary:after{content:'+';flex:none;color:var(--qf-purple);font-size:24px;font-weight:400;line-height:1}
.qflow__faq details[open] summary:after{content:'−'}
.qflow__faq details p{font-size:14px;line-height:1.8;color:var(--qf-muted);margin:12px 26px 0 0}
.qflow__next{padding:58px 0 64px}
.qflow__next-inner{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:34px 38px;border:1px solid #e6e0f4;border-radius:22px;background:var(--qf-pale)}
.qflow__next h2{font:inherit;font-size:30px;font-weight:730;line-height:1.2;letter-spacing:-.8px;margin:0 0 11px;color:var(--qf-ink)}
.qflow__next p{font-size:15px;line-height:1.7;color:var(--qf-muted);max-width:500px;margin:0}
.qflow__next .qflow__actions{margin:0;flex:none;gap:12px 20px;justify-content:flex-end;max-width:400px}
.qflow a:focus-visible,.qflow summary:focus-visible{outline:3px solid #a89dea;outline-offset:5px}
@media(max-width:1100px){.qflow__hero-grid{gap:42px}.qflow__step{gap:48px}.qflow__hero h1{font-size:55px}.qflow__lead{font-size:17px}.qflow__step h2{font-size:32px}.qflow__panel{padding:23px}.qflow__faq-grid{gap:48px}.qflow__next-inner{padding:30px}.qflow__next .qflow__actions{max-width:270px}}
@media(max-width:800px){.qflow__wrap{width:calc(100% - 48px)}.qflow__hero{padding-top:48px;padding-bottom:42px}.qflow__hero-grid{grid-template-columns:minmax(0,1fr);gap:32px}.qflow__hero h1{font-size:54px;max-width:650px}.qflow__lead{max-width:620px}.qflow__hero-image{max-width:650px}.qflow__route h2{font-size:25px}.qflow__route ol{gap:8px}.qflow__route a{align-items:flex-start;flex-direction:column;font-size:12px;padding:11px;min-height:88px;gap:8px}.qflow__step{gap:28px;padding:38px 0}.qflow__step h2{font-size:29px}.qflow__step-copy>p:not(.qflow__step-label){font-size:14px}.qflow__panel{padding:18px}.qflow__connection{gap:12px}.qflow__connection-logo{min-width:78px;min-height:78px;padding:10px;border-radius:14px}.qflow__connection-line{width:26px}.qflow__ebay{font-size:32px}.qflow__setting-rows>div{align-items:flex-start;gap:12px;padding:10px}.qflow__product-source{grid-template-columns:minmax(0,1fr);gap:15px;padding:16px}.qflow__product-source>img{max-height:140px}.qflow__product-source strong{font-size:14px}.qflow__draft{padding:17px}.qflow__draft-top{align-items:flex-start;flex-wrap:wrap;gap:8px;font-size:13px}.qflow__draft-product{gap:10px}.qflow__draft-product>img{width:60px;height:60px}.qflow__draft-product strong{font-size:13px}.qflow__price-factors{grid-template-columns:minmax(0,1fr);gap:7px}.qflow__price-factors span{min-height:0;padding:8px}.qflow__publication{grid-template-columns:minmax(0,1fr);gap:10px}.qflow__publication-option{display:grid;grid-template-columns:30px minmax(0,1fr);gap:2px 12px;text-align:left;padding:16px}.qflow__publication-option>svg{grid-row:1/3;width:28px;height:28px;margin:3px 0 0}.qflow__publication-option strong{font-size:14px}.qflow__publication-option span{margin:0}.qflow__workspace{grid-template-columns:minmax(0,1fr);gap:7px}.qflow__workspace span{justify-content:flex-start;min-height:38px;padding:8px 12px}.qflow__faq-grid{grid-template-columns:minmax(0,1fr);gap:32px}.qflow__faq h2{max-width:none;font-size:32px}.qflow__faq-intro{max-width:550px}.qflow__next-inner{display:block}.qflow__next .qflow__actions{max-width:none;justify-content:flex-start;margin-top:23px}}
@media(max-width:600px){.qflow__wrap{width:calc(100% - 40px)}.qflow__hero{padding-top:36px}.qflow__hero h1{font-size:44px;line-height:1.1;letter-spacing:-1.6px;margin-bottom:21px}.qflow__lead{font-size:16px;line-height:1.8}.qflow__hero-image img{border-radius:21px}.qflow__actions{gap:10px 17px;margin-top:24px}.qflow__button,.qflow__text-link{font-size:13px;min-height:46px}.qflow__button{padding:12px 16px}.qflow__route{padding-bottom:23px}.qflow__route h2{font-size:24px;line-height:1.3;margin-bottom:20px}.qflow__route ol{grid-template-columns:minmax(0,1fr);gap:7px}.qflow__route a{flex-direction:row;align-items:center;gap:11px;min-height:46px;padding:9px 13px;font-size:13px}.qflow__route a span:first-child{width:24px;height:24px}.qflow__step{grid-template-columns:minmax(0,1fr);gap:23px;padding:33px 0}.qflow__step--reverse .qflow__step-copy,.qflow__step--reverse .qflow__visual{order:initial}.qflow__step h2{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin-bottom:16px;max-width:none}.qflow__step-label{margin-bottom:12px}.qflow__step-copy>p:not(.qflow__step-label){font-size:15px;line-height:1.8}.qflow__step-link{font-size:13px}.qflow__panel{padding:20px;border-radius:17px}.qflow__panel-header{font-size:13px;margin-bottom:17px}.qflow__panel-header>span{font-size:12px}.qflow__connection{gap:17px}.qflow__connection-logo{min-width:85px;min-height:85px}.qflow__connection-line{width:32px}.qflow__setting-rows>div{font-size:12px;gap:12px;align-items:flex-start}.qflow__setting-rows dd{max-width:120px}.qflow__product-source{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.qflow__product-source>img{max-height:175px}.qflow__product-source strong{font-size:14px}.qflow__source-note{font-size:12px;line-height:1.6}.qflow__methods{gap:7px}.qflow__methods span{font-size:12px;padding:5px 8px}.qflow__draft{padding:18px;border-radius:17px}.qflow__draft-product>img{width:72px;height:72px}.qflow__draft-product strong{font-size:14px}.qflow__draft-top{font-size:14px}.qflow__price-factors{grid-template-columns:minmax(0,1fr)}.qflow__price-factors span{font-size:12px;justify-content:flex-start;padding:9px 12px}.qflow__publication-option{padding:18px}.qflow__workspace{grid-template-columns:minmax(0,1fr)}.qflow__caption{font-size:12px;margin-top:11px}.qflow__steps{padding-bottom:25px}.qflow__faq{padding:38px 0 42px}.qflow__faq h2{font-size:30px}.qflow__faq summary{font-size:14px}.qflow__faq details p{font-size:14px;margin-right:0}.qflow__next{padding:36px 0 42px}.qflow__next-inner{padding:25px 21px;border-radius:18px}.qflow__next h2{font-size:27px;line-height:1.25}.qflow__next p{font-size:14px}.qflow__next .qflow__actions{gap:9px 16px}}
@media(max-width:350px){.qflow__hero h1{font-size:39px}.qflow__panel{padding:17px}.qflow__connection{gap:12px}.qflow__connection-logo{min-width:78px;min-height:78px}.qflow__connection-line{width:25px}.qflow__product-source{grid-template-columns:minmax(0,1fr);gap:10px}.qflow__product-source>img{max-height:150px}.qflow__draft-product{align-items:flex-start}.qflow__draft-product>img{width:60px;height:60px}.qflow__draft-top span{font-size:12px}.qflow__next-inner{padding:23px 18px}.qflow__next .qflow__button{width:100%}}
@media(prefers-reduced-motion:reduce){.qflow__button,.qflow__route a{transition:none}}
