/* Planet SEF: section 10 from the Codex section lab ("Nga dokumenti, te regjistrimi"), demo data only, without bank logos. */
.scene-controls{display:flex;justify-content:center;gap:16px;margin-top:15px;height:20px;color:#a7a2ad}
.scene-controls button{background:none;border:0;display:flex;align-items:center;gap:5px;padding:0;font-size:10px}
.scene-controls button:hover{color:#4f4658}
.scene-controls .icon{width:11px;height:11px}
@media(prefers-reduced-motion:reduce){.scene-controls{visibility:hidden}}
.qonto-section{padding:100px 0;color:#171717;background:white}
.qonto-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:52px}
.qonto-heading h2{font-size:48px;line-height:1.07;letter-spacing:-.04em;font-weight:600}
.qonto-button{display:inline-flex;gap:18px;align-items:center;padding:11px 22px;border:1px solid #bbb;border-radius:9px;font-size:15px;white-space:nowrap}
.qonto-button .icon{width:16px;height:16px}
.qonto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.qonto-card{position:relative;background:radial-gradient(ellipse at 20% 30%,#e6e6e6,transparent 65%),linear-gradient(145deg,#f8f8f8,#f1f1f1);border-radius:24px;min-width:0;overflow:hidden;display:flex;flex-direction:column;min-height:635px}
.qonto-copy{padding:26px 25px 0;position:relative;z-index:2;min-height:205px}
.qonto-copy h3{font-size:25px;font-weight:600;letter-spacing:-.035em;line-height:1.12;padding-right:25px}
.qonto-copy h3 .icon{position:absolute;right:25px;top:28px;width:19px;height:19px;transform:rotate(-40deg)}
.qonto-copy p{font-size:16px;line-height:1.5;margin-top:18px}
.qonto-art{height:410px;position:relative;margin-top:auto;display:flex;align-items:end;justify-content:center;overflow:hidden;isolation:isolate}
.qonto-invoice{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.qonto-phone{width:250px;height:365px;border:7px solid #2a2a2a;border-bottom:0;border-radius:46px 46px 0 0;background:white;box-shadow:0 0 0 2px #777;padding:26px 18px 0;transform:translateY(18px);font-size:9px}
.qonto-phone-head{display:flex;align-items:center;justify-content:space-between;font-size:9px}
.qonto-phone-head b{background:#f5f5f5;padding:4px 9px;border-radius:20px;font-weight:500}
.qonto-phone-head>span{color:#999;font-size:14px}
.qonto-phone>small{display:block;color:#bababa;font-size:8px;margin-top:5px}
.qonto-prompt{margin:20px 0 19px auto;width:max-content;max-width:100%;border-radius:25px;padding:9px 11px;background:#f6f6f5;font-size:8px}
.qonto-reply{display:flex;align-items:start;gap:9px;font-size:8px;line-height:1.6}
.qonto-orb{background:linear-gradient(150deg,#68fbd8,#af5bf0);border-radius:6px;color:#253672;display:grid;place-items:center;width:19px;height:19px;flex-shrink:0;font-size:15px}
.qonto-reply b{font-weight:500}
.qonto-draft-document{background:#fff;box-shadow:0 6px 17px #0000000c;border:1px solid #e8e8e7;border-radius:6px;margin:17px 0 0 28px;padding:12px;transform-origin:top center}
.qonto-draft-document>span:first-child{display:flex;justify-content:space-between;font-size:7px;color:#999}
.qonto-draft-document>span small{font-size:6px;background:#eee;padding:0 4px;border-radius:4px}
.qonto-draft-document>b{display:block;font-size:11px;margin-top:10px}
.qonto-draft-document>div{margin:12px 0;display:flex;flex-direction:column;gap:5px}
.qonto-draft-document i{height:3px;background:#eee;border-radius:2px;width:100%}
.qonto-draft-document i:last-child{width:60%}
.qonto-draft-document>strong{display:block;text-align:right;font-size:11px;font-weight:500}
.qonto-review{margin-top:10px;background:#eef7f2;border-radius:3px;color:#45856b;display:flex;align-items:center;gap:8px;font-size:7px;padding:4px}
.qonto-review .icon{width:9px;height:9px}
.qonto-paper{position:absolute;top:28%;left:22%;width:59%;height:254px;background:white;box-shadow:0 8px 24px #00000008;padding:19px 15px;font-size:6px}
.qonto-paper h4{font-size:12px;font-weight:500;margin-bottom:23px}
.qonto-paper dl{margin:0 0 22px}
.qonto-paper dl>div{display:flex;justify-content:space-between;margin:3px 0;gap:8px}
.qonto-paper dd{margin:0}
.qonto-paper table{width:100%;border-collapse:collapse;font-size:5px;text-align:left}
.qonto-paper th{background:#111;color:white;padding:3px 2px;font-weight:400}
.qonto-paper td{padding:4px 2px}
.qonto-paper th:last-child,.qonto-paper td:last-child{text-align:right}
.qonto-paper-total{border-top:1px solid #eee;display:flex;justify-content:space-between;gap:10px;padding-top:17px;margin-top:17px;font-size:6px}
.qonto-pay{background:#080808;color:white;position:absolute;bottom:10px;left:10px;right:10px;padding:7px;font-size:9px;text-align:center}
.qonto-ai-tag{position:absolute;top:30%;right:10%;background:linear-gradient(110deg,#8be6db,#5495d4);color:white;padding:7px 11px;border-radius:6px;font-size:9px;box-shadow:0 4px 12px #5e9cb52b}
.qonto-vendor,.qonto-amount{font-size:10px;padding:7px 10px;background:white;border-radius:8px;position:absolute;box-shadow:0 3px 9px #0000000a;display:flex;gap:7px;align-items:center}
.qonto-vendor{top:57%;left:10%}
.qonto-amount{top:73%;right:10%}
.qonto-vendor i,.qonto-amount i{font-style:normal;border-radius:50%;background:#338f6d;color:white;font-size:8px;width:12px;height:12px;text-align:center;line-height:12px}
.qonto-scan{position:absolute;left:0;right:0;top:0;height:2px;background:#8acfc0;box-shadow:0 0 13px #98d5bf}
.qonto-card .scene-controls{position:absolute;bottom:9px;left:13px;z-index:5;margin:0;height:23px;gap:7px}
.qonto-card .scene-controls button{width:24px;height:24px;border:1px solid #d9d9d9;border-radius:50%;justify-content:center;background:#ffffffd9;color:#777}
.qonto-card .scene-controls span{display:none}
.motion-enabled [data-timeline=qonto-draft] .qonto-draft-document{animation:qonto-document 7s var(--ease) both;animation-play-state:paused}
.motion-enabled [data-timeline=qonto-draft] .qonto-reply{animation:qonto-answer 7s var(--ease) both;animation-play-state:paused}
.motion-enabled [data-timeline=qonto-supplier] .qonto-scan{animation:qonto-scan 7s ease-in-out both;animation-play-state:paused}
.motion-enabled [data-timeline=qonto-supplier] .qonto-vendor{animation:qonto-vendor 7s var(--ease) both;animation-play-state:paused}
.motion-enabled [data-timeline=qonto-supplier] .qonto-amount{animation:qonto-total 7s var(--ease) both;animation-play-state:paused}
.motion-enabled [data-timeline=qonto-supplier] .qonto-ai-tag{animation:qonto-tag 7s var(--ease) both;animation-play-state:paused}
.motion-enabled [data-timeline^=qonto-].is-running .qonto-draft-document,.motion-enabled [data-timeline^=qonto-].is-running .qonto-reply,.motion-enabled [data-timeline^=qonto-].is-running .qonto-scan,.motion-enabled [data-timeline^=qonto-].is-running .qonto-vendor,.motion-enabled [data-timeline^=qonto-].is-running .qonto-amount,.motion-enabled [data-timeline^=qonto-].is-running .qonto-ai-tag{animation-play-state:running}
@media(min-width:1600px){.qonto-section .more-wrap{max-width:1360px}}
@media(max-width:1100px){.qonto-grid{gap:16px}.qonto-card{min-height:610px}.qonto-copy{padding:25px 20px 0;min-height:225px}.qonto-copy h3{font-size:22px}.qonto-copy h3 .icon{right:18px;top:27px;width:16px}.qonto-copy p{font-size:15px}.qonto-phone{width:220px;padding-inline:13px}.qonto-ai-tag{font-size:8px;right:5%;padding-inline:7px}.qonto-vendor,.qonto-amount{font-size:9px}.qonto-paper{left:17%;width:67%}}
@media(max-width:800px){.qonto-section{padding:75px 0}.qonto-heading{margin-bottom:35px}.qonto-heading h2{font-size:37px}.qonto-button{font-size:12px;padding:10px 14px;gap:8px}.qonto-grid{grid-template-columns:1fr}.qonto-card{min-height:0;display:grid;grid-template-columns:1fr 1fr;border-radius:20px}.qonto-copy{padding:35px 25px;min-height:0}.qonto-copy h3{font-size:26px}.qonto-copy h3 .icon{top:38px;right:20px}.qonto-copy p{font-size:16px;margin-top:20px}.qonto-art{height:370px;width:100%}.qonto-phone{width:230px}.qonto-card .scene-controls{left:auto;right:10px}}
@media(max-width:520px){.qonto-section{padding:60px 0}.qonto-heading{display:block}.qonto-heading h2{font-size:36px}.qonto-button{margin-top:23px;font-size:13px}.qonto-card{display:flex;min-height:605px}.qonto-copy{padding:28px 25px 0;min-height:180px}.qonto-copy h3{font-size:25px}.qonto-copy h3 .icon{top:31px;right:22px}.qonto-copy p{font-size:16px;margin-top:17px}.qonto-art{height:400px}.qonto-phone{width:244px}.qonto-paper{left:22%;width:59%;height:254px}.qonto-ai-tag{font-size:9px;right:10%;padding-inline:10px}.qonto-vendor,.qonto-amount{font-size:10px}.qonto-card .scene-controls{left:13px;right:auto}}
.more-static .qonto-scan{display:none}
@media(prefers-reduced-motion:reduce){.qonto-scan{display:none}}
.qonto-section{color:#33263c}
.qonto-section .qonto-card{background:radial-gradient(ellipse at 20% 30%,#e9e5ed,transparent 65%),linear-gradient(145deg,#faf9fb,#f3f1f5)}
.qonto-section .qonto-button{border-color:#cec3d8}
.qonto-section .qonto-copy p{color:#6d5b78}
.qonto-section .planet-sef-orb{background:transparent}
.qonto-section .qonto-phone-head b{color:#654781;background:#f1ebf6}
.qonto-section .qonto-pay{background:#4c2f63}
.qonto-section .qonto-ai-tag{background:linear-gradient(110deg,#ae92c5,#80619d);box-shadow:0 4px 12px #6f4e8420}
.qonto-section .qonto-scan{background:#a083b9;box-shadow:0 0 13px #b99bcb}
.planet-bank-paper h4{max-width:78%;font-size:11px}
.bank-paper-note{display:block;font-size:5px;color:#a08ba9;margin-top:9px}
.planet-bank-vendor>img{width:23px;height:12px;object-fit:contain}
.planet-bank-vendor>span{font-size:8px}
.planet-bank-read{display:grid}
.planet-bank-read>span{grid-area:1/1}
.bank-phase-reading{opacity:0}
.bank-phase-ready{opacity:1}
.motion-enabled [data-timeline=qonto-supplier] .bank-phase-reading{animation:bank-reading 7s linear both;animation-play-state:paused}
.motion-enabled [data-timeline=qonto-supplier] .bank-phase-ready{animation:bank-ready 7s linear both;animation-play-state:paused}
.motion-enabled [data-timeline=qonto-supplier] .planet-bank-read{animation:bank-badge 7s var(--ease) both;animation-play-state:paused}
.motion-enabled [data-timeline=qonto-supplier].is-running .bank-phase-reading,.motion-enabled [data-timeline=qonto-supplier].is-running .bank-phase-ready{animation-play-state:running}
.motion-enabled [data-timeline=qonto-supplier].is-running .planet-bank-read{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.bank-phase-reading{opacity:0!important}.bank-phase-ready{opacity:1!important}}
@keyframes qonto-answer{0%,12%{opacity:0;transform:translateY(8px)}26%,100%{opacity:1;transform:none}}
@keyframes qonto-document{0%,30%{opacity:0;transform:translateY(18px) scale(.94)}52%,100%{opacity:1;transform:none}}
@keyframes qonto-scan{0%,8%{opacity:0;transform:translateY(0)}15%{opacity:1;transform:translateY(0)}62%{opacity:1;transform:translateY(230px)}70%,100%{opacity:0;transform:translateY(230px)}}
@keyframes qonto-vendor{0%,28%{opacity:0;transform:translateX(-12px)}42%,100%{opacity:1;transform:none}}
@keyframes qonto-total{0%,53%{opacity:0;transform:translateX(12px)}68%,100%{opacity:1;transform:none}}
@keyframes qonto-tag{0%,7%{opacity:0;transform:translateY(5px)}18%,80%{opacity:1;transform:none}100%{opacity:.6;transform:none}}
@keyframes bank-reading{0%,55%{opacity:1}65%,100%{opacity:0}}
@keyframes bank-ready{0%,55%{opacity:0}65%,100%{opacity:1}}
@keyframes bank-badge{0%,7%{opacity:0;transform:translateY(5px)}18%,100%{opacity:1;transform:none}}
.qonto-section .more-wrap{width:min(1180px,calc(100% - 48px));max-width:none;margin:auto;padding-inline:0}
.qonto-section{background:transparent;color:var(--ph-ink,#252333);font-family:var(--sans,Hanken,Arial,sans-serif);padding:64px 0 72px}
.qonto-section .icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:14px;height:14px}
.qonto-heading h2{margin:0;color:var(--ph-ink,#252333)}
.qonto-button,.qonto-copy h3 a{color:inherit;text-decoration:none}
.qonto-copy h3{margin:0}
.qonto-card{background:radial-gradient(ellipse at 20% 30%,#ebe6f1,transparent 65%),linear-gradient(145deg,#f7f5fa,#f1eef5)}
.qonto-button:focus-visible,.qonto-copy a:focus-visible,.scene-controls button:focus-visible{outline:2px solid #674197;outline-offset:3px}
.scene-controls button{cursor:pointer}
.sef-hero-soon{display:inline-flex;align-items:center;margin:0 0 14px}