:root{font-family:Arial,Helvetica,sans-serif;background:#292a33;color:#f7f3f7;--pink:#ff00a8;--muted:#bcb6c9;--line:#ffffff1b}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #edb7e3}header{max-width:1320px;margin:auto;padding:27px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;flex:none;line-height:0;overflow:visible}.brand img{width:154px;height:auto;display:block}nav{display:flex;gap:25px;font-size:12px;color:var(--muted)}main{max-width:1240px;margin:auto;padding:70px 5% 30px}.payment-hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:70px;margin-bottom:65px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#c7bfce;font-weight:700}h1{font-size:clamp(50px,6.3vw,80px);letter-spacing:-.065em;line-height:.98;margin:26px 0}h1 em{font-style:normal;color:var(--pink)}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:570px}.simulation{display:inline-block;font-size:10px;margin-top:15px;padding:10px 15px;border:1px solid #ff00a850;border-radius:25px;color:#f4c0df}.payment-visual{background:radial-gradient(ellipse at 95% 5%,#ff00a81e,transparent 70%),#30313c;border:1px solid #ffffff22;border-radius:24px;padding:29px;box-shadow:0 25px 55px #17172333;transform:rotate(2deg)}.visual-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.visual-heading strong{font-size:22px;letter-spacing:-.06em}.visual-heading span{color:var(--muted);font-size:9px}.visual-amount{margin:45px 0 32px;display:flex;flex-direction:column;gap:10px}.visual-amount>span,.visual-amount>small{font-size:11px;color:var(--muted)}.visual-amount>strong{font-size:68px;line-height:1;letter-spacing:-.055em}.visual-amount>strong>span{color:#c9c4d0;font-size:43px}.visual-methods{display:flex;flex-wrap:wrap;gap:8px}.visual-methods>span{font-size:10px;padding:10px 12px;border:1px solid var(--line);border-radius:30px}.payment-visual>p{font-size:10px;letter-spacing:.07em;color:#e6b7d8;border-top:1px solid var(--line);padding-top:21px;margin-top:25px}.action-panel{background:#ffffff03;border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;justify-content:space-between;align-items:center;gap:35px}.action-panel>div:first-child{max-width:580px}h2{font-size:28px;letter-spacing:-.04em;line-height:1.15;margin:15px 0}h3{font-size:18px;letter-spacing:-.025em}.action-panel p:not(.eyebrow),.flow-grid p,.scope-panel p{font-size:13px;line-height:1.8;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:9px;max-width:320px;flex-shrink:0}.button,.primary{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;border:1px solid var(--line);background:#ffffff04;color:#f7f3f7;padding:12px 17px;min-height:44px;font-size:11px;font-weight:600}.primary{background:var(--pink);border-color:transparent;color:#201622}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0 45px}.metrics article{border:1px solid var(--line);border-radius:15px;padding:20px;background:#ffffff02;min-width:0}.metrics span,.metrics strong,.metrics small{display:block}.metrics span{font-size:11px;color:var(--muted);line-height:1.5;min-height:33px}.metrics strong{font-size:31px;letter-spacing:-.045em;margin:15px 0;overflow-wrap:anywhere}.metrics small{color:var(--muted);font-size:10px;line-height:1.6}.ledger{border:1px solid var(--line);border-radius:22px;padding:28px}.ledger-head{display:flex;justify-content:space-between;gap:25px;align-items:center}.ledger-head label{font-size:10px;color:var(--muted)}select{display:block;min-height:40px;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:#33343f;color:#f5f0f5;padding:9px;font-size:12px;max-width:100%}.ledger-note{font-size:11px;line-height:1.7;color:var(--muted);max-width:740px;margin-bottom:24px}.receipt{border-top:1px solid var(--line)}.receipt summary{display:flex;align-items:center;gap:16px;padding:20px 0;cursor:pointer;list-style:none}.receipt summary::-webkit-details-marker{display:none}.receipt-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;color:#e9b8db;flex:none;font-size:22px}.receipt-title{min-width:0;flex:1}.receipt-title strong,.receipt-title small{display:block;overflow-wrap:anywhere}.receipt-title strong{font-size:13px;font-weight:600;line-height:1.5}.receipt-title small{font-size:10px;color:var(--muted);margin-top:5px}.receipt-total{text-align:right}.receipt-total>strong{display:block;font-size:17px;font-weight:600}.status{display:inline-block;font-size:9px;line-height:1.5;color:var(--muted);margin-top:7px}.status.succeeded{color:#a8e2c9}.status.declined,.status.failed{color:#f9b4c7}.status.pending,.status.processing{color:#edc58e}.receipt-body{padding:0 0 22px 58px}.receipt-body dl{margin:0}.receipt-body dl>div{display:flex;justify-content:space-between;gap:25px;padding:9px 0;font-size:11px}.receipt-body dt{color:var(--muted);flex-shrink:0}.receipt-body dd{margin:0;text-align:right;overflow-wrap:anywhere;min-width:0}.receipt-body p{font-size:11px;color:var(--muted);line-height:1.7}.timeline{display:flex;gap:12px;flex-wrap:wrap;padding:15px 0;list-style:none}.timeline li{flex:1;min-width:120px;border-top:2px solid #b46f9b;padding-top:10px;display:flex;flex-direction:column;gap:6px;font-size:10px}.timeline time{color:var(--muted)}.empty{text-align:center;padding:45px 15px 35px;color:var(--muted)}.empty>span{color:var(--pink);font-size:35px}.empty h3{color:#ece6ef}.empty p{font-size:12px;line-height:1.7;max-width:400px;margin:auto}.flow-section{margin:70px 0}.flow-section>h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.05em}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px}.flow-grid article{padding-top:20px;border-top:1px solid var(--line)}.flow-grid b{font-size:11px;color:#f1a8d5}.flow-grid h3{margin:20px 0 12px}.scope-panel{border:1px solid var(--line);border-radius:18px;padding:25px;background:#ffffff03}.scope-panel h2{font-size:21px}.scope-panel p{font-size:12px}footer{max-width:1240px;margin:auto;padding:10px 5% 30px;font-size:10px;color:var(--muted)}.error{padding:15px;border:1px solid #eaa2b650;border-radius:10px;color:#ffcbd4;font-size:12px;line-height:1.7}.operator{margin-bottom:20px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#24252e;padding:13px;z-index:100}@media(max-width:900px){.payment-hero{gap:35px}.visual-heading{flex-wrap:wrap}.action-panel{align-items:flex-start;flex-direction:column;gap:10px}.actions{max-width:none}.flow-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:600px){header{padding:22px 6%;gap:16px}.brand img{width:128px}nav{gap:14px;font-size:10px}main{padding:38px 6% 25px}.payment-hero{grid-template-columns:1fr;gap:35px;margin-bottom:35px}.payment-visual{transform:none;padding:24px}.visual-amount{margin:28px 0}.visual-amount>strong{font-size:55px}.intro{font-size:14px}.action-panel,.ledger{padding:20px}.metrics{gap:10px;margin-bottom:30px}.metrics article{padding:15px}.metrics strong{font-size:28px}.ledger-head{align-items:flex-start;flex-direction:column;gap:5px}.ledger-head label{width:100%}.ledger-head select{width:100%;margin-bottom:15px}.receipt summary{gap:10px;flex-wrap:wrap}.receipt-icon{width:33px;height:33px;border-radius:9px;font-size:19px}.receipt-title{flex-basis:calc(100% - 44px)}.receipt-total{padding-left:43px;text-align:left;display:flex;align-items:center;gap:15px}.status{margin-top:0}.receipt-body{padding-left:0}.receipt-body dl>div{flex-direction:column;gap:5px}.receipt-body dd{text-align:left}.flow-grid{gap:15px}.flow-grid p{font-size:12px}.flow-grid h3{font-size:16px}.flow-section{margin:45px 0}.scope-panel{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}