:root {
  --bg: #020817;
  --surface: #111821;
  --surface-2: #0a1018;
  --surface-3: #151c25;
  --border: rgba(151, 163, 184, 0.22);
  --border-strong: rgba(160, 171, 192, 0.33);
  --text: #f7f8fb;
  --muted: #7f8a9f;
  --blue: #2f6ee8;
  --blue-2: #91bdff;
  --green: #31d69b;
  --orange: #ff5d36;
  --shadow: 0 25px 80px rgba(0, 0, 0, 0.25);
}

* { box-sizing: border-box; }
html { color-scheme: dark; scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
button, input, textarea { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }

/* LANDING */
.landing-body { min-height: 100vh; background: #f5f7f8; color: white; padding: 22px; }
.landing-shell { min-height: calc(100vh - 44px); display: grid; place-items: center; }
.integration-card {
  width: min(100%, 2020px);
  min-height: 540px;
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 46px 44px 28px;
  background: linear-gradient(135deg, #1d1d20 0%, #202024 58%, #222226 100%);
  border: 1px solid #33343a;
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.24);
}
.integration-card::before { content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg, transparent, rgba(57,194,148,.45), transparent); }
.integration-copy { width: 66%; position: relative; z-index: 2; }
.eyebrow { width: fit-content; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; letter-spacing: .02em; }
.eyebrow-orange { padding: 10px 18px; border: 1px solid rgba(255,93,54,.45); color: #ff7655; background: rgba(255,74,31,.08); border-radius: 999px; }
.bolt { font-size: 17px; }
.integration-card h1 { font-size: clamp(42px, 4vw, 66px); line-height: 1.03; margin: 32px 0 8px; letter-spacing: -.04em; }
.integration-subtitle { margin: 0; color: #a6a6b0; font-size: clamp(32px, 3vw, 51px); line-height: 1.08; font-weight: 750; letter-spacing: -.03em; }
.integration-description { max-width: 930px; color: #d3d3d7; font-size: clamp(17px, 1.3vw, 23px); line-height: 1.55; margin: 34px 0 34px; }

.code-card { position: absolute; right: 42px; top: 154px; width: 440px; min-height: 240px; border: 2px solid #35353b; border-radius: 24px; background: #1a1a1d; transform: rotate(-2deg); box-shadow: 0 24px 45px rgba(0,0,0,.14); padding: 22px 26px; font-family: "JetBrains Mono", monospace; }
.code-card-head { height: 42px; display: flex; align-items: center; gap: 24px; color: #85858f; border-bottom: 1px solid #2e2e33; font-size: 13px; }
.traffic-lights { display: flex; gap: 9px; }
.traffic-lights i { width: 13px; height: 13px; border-radius: 50%; display:block; background:#e63139; }
.traffic-lights i:nth-child(2){ background:#d8a000; }.traffic-lights i:nth-child(3){ background:#16b85e; }
.code-card pre { margin: 28px 0 0; font-size: 15px; line-height: 2.1; white-space: pre-wrap; }
.code-blue{ color:#4a9cff }.code-purple{ color:#b770e8 }.code-green{ color:#22c88b }.code-yellow{ color:#ffc400 }
.ready-badge { position: absolute; right: -18px; bottom: -12px; text-decoration: none; background: linear-gradient(180deg,#ff4e18,#ed3710); border:1px solid rgba(255,255,255,.18); padding:12px 19px; border-radius: 10px; font: 800 13px/1 Inter, sans-serif; letter-spacing:.04em; box-shadow:0 8px 20px rgba(255,62,19,.25); }

.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; border-top: 1px solid #494a4f; padding-top: 26px; margin-top: 8px; }
.step { display:flex; gap:20px; min-width:0; }
.step-number { flex: 0 0 auto; width: 42px; height: 66px; display:grid; place-items:center; border-radius: 15px; font-weight: 800; font-size: 24px; border:1px solid; }
.n1{color:#ff7048;background:rgba(255,91,45,.09);border-color:rgba(255,91,45,.25)}.n2{color:#ffc10f;background:rgba(255,189,0,.09);border-color:rgba(255,189,0,.2)}.n3{color:#55a1ff;background:rgba(40,122,255,.08);border-color:rgba(40,122,255,.2)}.n4{color:#34d6a0;background:rgba(28,204,146,.08);border-color:rgba(28,204,146,.2)}
.step h2 { font-size: 17px; margin: 4px 0 7px; }
.step p { color: #a6a7ad; margin:0; line-height:1.45; font-size: 14px; }
.landing-cta-row { display:flex; justify-content:flex-end; margin-top:18px; }
.landing-cta { display:inline-flex; align-items:center; gap:10px; text-decoration:none; background:white; color:#151519; font-weight:800; padding:13px 18px; border-radius:12px; transition:transform .2s ease, box-shadow .2s ease; }
.landing-cta:hover{ transform:translateY(-2px); box-shadow:0 10px 30px rgba(0,0,0,.2); }

/* CHECKOUT */
.checkout-body { min-height: 100vh; background: radial-gradient(circle at 62% -10%, rgba(34,74,150,.08), transparent 34%), var(--bg); color:var(--text); }
.checkout-page { max-width: 1130px; margin:0 auto; padding: 12px 22px 64px; }
.checkout-topbar { display:flex; align-items:center; justify-content:space-between; min-height:52px; margin-bottom:10px; color:#eff3fb; }
.brand-lockup { display:flex; align-items:center; gap:10px; text-decoration:none; font-size:16px; }
.shield-icon { width:32px; height:32px; border:1px solid rgba(55,123,255,.45); border-radius:10px; display:grid; place-items:center; color:#6ca2ff; background:rgba(24,74,165,.15); font-size:14px; }
.protected-state { display:flex; align-items:center; gap:7px; color:#8791a5; font-size:14px; font-weight:500; }
.protected-state span { width:8px; height:8px; border-radius:50%; background:#2e79df; box-shadow:0 0 0 4px rgba(46,121,223,.1); }

.checkout-grid { display:grid; grid-template-columns:minmax(0, 680px) minmax(300px, 370px); gap:20px; align-items:start; }
.checkout-card { background:linear-gradient(145deg, rgba(17,24,33,.98), rgba(10,15,23,.98)); border:1px solid var(--border); border-radius:24px; box-shadow:var(--shadow); }
.purchase-card { padding:32px; }
.checkout-intro h1 { font-size: 36px; line-height:1.05; letter-spacing:-.04em; margin:12px 0 8px; }
.checkout-intro p { color:var(--muted); font-size:16px; line-height:1.55; max-width:560px; margin:0 0 28px; }
.eyebrow-blue { color:#9ec3ff; border:1px solid rgba(57,119,225,.45); background:rgba(47,110,232,.12); padding:7px 12px; border-radius:999px; font-size:13px; letter-spacing:.12em; }
.eyebrow-blue span { color:#4289ff; }
.field-group { margin-bottom:18px; }
.field-group label { display:block; font-weight:700; font-size:14px; margin-bottom:8px; }
.field-group input { width:100%; height:49px; border-radius:12px; padding:0 14px; color:#f3f7ff; background:#080d14; border:1px solid var(--border-strong); outline:none; transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease; }
.field-group input::placeholder { color:#5f6a7d; }
.field-group input:focus { border-color:rgba(69,127,239,.9); box-shadow:0 0 0 4px rgba(47,110,232,.1); }
.field-group input.is-invalid { border-color:#db5b69; box-shadow:0 0 0 3px rgba(219,91,105,.08); }
.field-group small { display:block; margin-top:7px; color:#6f7a90; font-size:13px; }
.field-error { display:block; min-height:0; color:#f17f8a; margin-top:4px; font-size:12px; }
.field-error:not(:empty){ min-height:16px; }
.bumps-section { margin-top:38px; }
.bumps-head { display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:16px; }
.bumps-head div strong,.bumps-head div span { display:block; }.bumps-head div strong { font-size:14px; }.bumps-head div span,.bumps-head>span { color:#6f7a90; font-size:13px; margin-top:2px; }
.bumps-list { display:grid; gap:10px; }
.bump-card { position:relative; display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:12px; align-items:center; min-height:112px; padding:16px 14px; border:1px solid var(--border); border-radius:16px; background:linear-gradient(150deg, rgba(21,28,37,.92), rgba(13,19,27,.92)); cursor:pointer; transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; user-select:none; }
.bump-card:hover { transform:translateY(-1px); border-color:rgba(112,150,217,.44); }
.bump-card.is-selected { border-color:rgba(65,126,235,.72); background:linear-gradient(150deg, rgba(25,47,79,.65), rgba(13,24,39,.95)); box-shadow:0 0 0 3px rgba(47,110,232,.08); }
.bump-card input { position:absolute; opacity:0; pointer-events:none; }
.custom-checkbox { width:19px; height:19px; border:1px solid rgba(172,184,203,.48); border-radius:6px; display:grid; place-items:center; transition:.18s ease; }
.bump-card.is-selected .custom-checkbox { background:#2f6ee8; border-color:#4c8cff; }
.bump-card.is-selected .custom-checkbox::after { content:"✓"; font-size:12px; font-weight:900; color:white; }
.bump-copy { min-width:0; display:flex; flex-direction:column; gap:3px; }
.bump-copy small { color:#91bdff; font-weight:800; letter-spacing:.11em; font-size:12px; }
.bump-copy strong { font-size:14px; }.bump-copy>span { color:#69758a; font-size:13px; line-height:1.45; }
.bump-price { white-space:nowrap; font-size:14px; }
.pay-button { width:100%; height:52px; border:0; border-radius:13px; margin-top:28px; display:grid; place-items:center; position:relative; overflow:hidden; color:white; background:linear-gradient(180deg,#3677f0,#2459c9); box-shadow:0 10px 24px rgba(40,102,224,.22); cursor:pointer; font-weight:700; transition:transform .18s ease, filter .18s ease, opacity .18s ease; }
.pay-button::before { content:""; position:absolute; inset:0; background:linear-gradient(120deg, transparent 20%, rgba(255,255,255,.13), transparent 70%); transform:translateX(-120%); transition:transform .6s ease; }
.pay-button:hover:not(:disabled) { transform:translateY(-1px); filter:brightness(1.06); }.pay-button:hover:not(:disabled)::before{transform:translateX(120%)}.pay-button:disabled{cursor:not-allowed;opacity:.64}
.button-loader { display:none; width:21px; height:21px; border:2px solid rgba(255,255,255,.4); border-top-color:white; border-radius:50%; animation:spin .7s linear infinite; }
.pay-button.is-loading .button-text { visibility:hidden; }.pay-button.is-loading .button-loader { display:block; position:absolute; }
@keyframes spin{to{transform:rotate(360deg)}}
.form-message { min-height:20px; margin-top:12px; text-align:center; font-size:13px; color:#78849a; }.form-message.is-error{color:#f17f8a}.form-message.is-success{color:#4ad8a9}.form-message.is-info{color:#8eb7ff}

.order-card { position:sticky; top:14px; overflow:hidden; }
.order-card-head { padding:25px 22px 18px; border-bottom:1px solid var(--border); }.order-card-head>span{color:#717b90; font-weight:800; font-size:13px; letter-spacing:.08em}.order-card-head h2{font-size:16px;margin:5px 0 0;}
.summary-main-product { display:grid; grid-template-columns:42px 1fr; gap:12px; align-items:center; padding:20px 22px 14px; }
.pix-icon { width:40px; height:40px; border:1px solid rgba(59,130,246,.38); border-radius:13px; display:grid; place-items:center; color:#45dfa6; font-weight:900; font-size:13px; background:rgba(17,55,103,.2); }.summary-main-product strong{font-size:14px}.summary-main-product p{margin:3px 0 0;color:#6d788d;font-size:13px}
.summary-items { padding:0 22px; }.summary-line{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--border);color:#8a95a8;font-size:13px}.summary-line strong{color:#d9dfeb;white-space:nowrap}.summary-line.bump-summary span{max-width:210px}
.summary-total-row { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--border); margin:0 22px; padding:18px 0 12px; color:#8893a8; font-size:14px; }.summary-total-row strong{color:white;font-size:24px;letter-spacing:-.03em}
.payment-method-row { margin:0 22px 22px; height:46px; border:1px solid var(--border); background:rgba(255,255,255,.02); border-radius:12px; padding:0 13px; display:flex; align-items:center; justify-content:space-between; gap:16px; color:#8d96a8; font-size:13px; }.payment-method-row strong{color:#e4e9f2;white-space:nowrap}

.pix-result { margin-top:22px; padding:20px; border:1px solid rgba(52,198,151,.34); border-radius:18px; background:rgba(18,75,58,.10); animation:reveal .35s ease both; }
@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pix-success-head{display:flex;gap:12px;align-items:flex-start}.success-check{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(45,211,157,.14);color:#43daa8;font-weight:900}.pix-success-head strong{font-size:15px}.pix-success-head p{margin:4px 0 0;color:#7f8b9f;font-size:13px;line-height:1.5}
.pix-content{display:grid;grid-template-columns:190px 1fr;gap:20px;margin-top:18px;align-items:start}.qr-wrap{aspect-ratio:1;background:white;border-radius:14px;padding:10px;display:grid;place-items:center}.qr-wrap img{width:100%;height:100%;object-fit:contain}.pix-copy-area label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.pix-copy-area textarea{width:100%;resize:none;background:#070c13;border:1px solid var(--border-strong);border-radius:12px;color:#cbd5e5;padding:11px;outline:none;font-size:11px;line-height:1.45;word-break:break-all}.copy-button{width:100%;height:42px;margin-top:8px;border:1px solid rgba(68,130,240,.45);border-radius:10px;background:rgba(47,110,232,.14);color:#9fc2ff;font-weight:800;cursor:pointer;transition:.18s ease}.copy-button:hover{background:rgba(47,110,232,.22)}.copy-button.is-copied{border-color:rgba(52,214,160,.45);color:#50dbaa;background:rgba(52,214,160,.09)}.link-button{width:100%;border:0;background:none;color:#7d8aa0;margin-top:10px;cursor:pointer;font-size:12px;text-decoration:underline;text-underline-offset:3px}

@media (max-width: 1040px) {
  .integration-copy { width: 100%; padding-right: 420px; }
  .code-card { width: 370px; right:30px; }
  .steps { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 850px) {
  .landing-body{padding:12px}.integration-card{padding:30px 22px}.integration-copy{padding-right:0}.integration-description{margin-bottom:22px}.code-card{position:relative;right:auto;top:auto;width:100%;max-width:520px;margin:26px 0 34px;transform:none}.steps{grid-template-columns:1fr}.landing-cta-row{justify-content:stretch}.landing-cta{width:100%;justify-content:center}
  .checkout-grid{grid-template-columns:1fr}.order-card{position:static;order:-1}.purchase-card{padding:24px}.checkout-page{padding-inline:14px}.checkout-intro h1{font-size:32px}
}
@media (max-width: 560px) {
  .checkout-page{padding:8px 10px 40px}.checkout-topbar{min-height:46px;margin-bottom:8px}.protected-state{font-size:12px}.brand-lockup strong{font-size:14px}.shield-icon{width:29px;height:29px}.purchase-card,.order-card{border-radius:18px}.purchase-card{padding:20px 16px}.checkout-intro h1{font-size:29px}.checkout-intro p{font-size:14px}.field-group input{height:48px}.bumps-section{margin-top:30px}.bumps-head>span{display:none}.bump-card{grid-template-columns:20px minmax(0,1fr);min-height:0;padding:14px 12px}.bump-price{grid-column:2;margin-top:4px;color:#e9eef7}.pix-content{grid-template-columns:1fr}.qr-wrap{width:min(100%,240px);margin:0 auto}.summary-total-row strong{font-size:22px}.integration-card h1{font-size:40px}.integration-subtitle{font-size:28px}.integration-description{font-size:16px}.code-card{padding:18px}.code-card pre{font-size:12px}.step-number{height:54px;width:38px}.ready-badge{right:8px}.landing-cta-row{margin-top:24px}
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto!important; animation-duration:.001ms!important; transition-duration:.001ms!important; } }

/* THANK YOU */
.thankyou-body { position:relative; overflow-x:hidden; background:
  radial-gradient(circle at 50% -20%, rgba(47,110,232,.18), transparent 38%),
  radial-gradient(circle at 100% 75%, rgba(49,214,155,.07), transparent 30%),
  var(--bg); }
.thankyou-body::before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.17; background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size:48px 48px; mask-image:linear-gradient(to bottom, rgba(0,0,0,.65), transparent 90%); }
.thankyou-orb { position:fixed; width:420px; height:420px; border-radius:50%; filter:blur(90px); opacity:.12; pointer-events:none; animation:orbFloat 10s ease-in-out infinite alternate; }
.thankyou-orb-one { background:#2f6ee8; top:-190px; left:-120px; }
.thankyou-orb-two { background:#31d69b; right:-220px; bottom:-180px; animation-delay:-4s; }
@keyframes orbFloat { from { transform:translate3d(0,0,0) scale(.95); } to { transform:translate3d(35px,25px,0) scale(1.08); } }
.thankyou-page { position:relative; z-index:1; max-width:1130px; padding-bottom:72px; }
.thankyou-topbar { animation:fadeDown .55s ease both; }
.thankyou-status { color:#80a894; }
.thankyou-status span { background:#31d69b; box-shadow:0 0 0 4px rgba(49,214,155,.10), 0 0 18px rgba(49,214,155,.28); }
.thankyou-shell { display:grid; grid-template-columns:minmax(0, 680px) minmax(300px, 370px); gap:20px; align-items:start; }
.thankyou-hero { padding:42px 36px 32px; text-align:center; position:relative; overflow:hidden; animation:cardEnter .65s cubic-bezier(.2,.75,.2,1) both; }
.thankyou-hero::before { content:""; position:absolute; top:-160px; left:50%; width:480px; height:300px; transform:translateX(-50%); background:radial-gradient(circle, rgba(49,214,155,.12), transparent 67%); pointer-events:none; }
.success-burst { width:102px; height:102px; margin:2px auto 22px; position:relative; display:grid; place-items:center; }
.success-icon-large { width:74px; height:74px; border-radius:50%; display:grid; place-items:center; position:relative; z-index:2; color:#5ae1b2; background:linear-gradient(145deg, rgba(49,214,155,.2), rgba(49,214,155,.08)); border:1px solid rgba(73,222,173,.38); font-size:34px; font-weight:900; box-shadow:0 14px 50px rgba(38,197,144,.16), inset 0 0 22px rgba(90,225,178,.08); animation:successPop .72s cubic-bezier(.2,.9,.22,1.25) .12s both; }
.success-ring { position:absolute; inset:8px; border:1px solid rgba(74,219,171,.18); border-radius:50%; animation:ringPulse 2.4s ease-out infinite; }
.success-ring-2 { inset:-4px; animation-delay:1.15s; }
@keyframes ringPulse { 0% { opacity:0; transform:scale(.72); } 25% { opacity:.9; } 100% { opacity:0; transform:scale(1.28); } }
@keyframes successPop { from { opacity:0; transform:scale(.55) rotate(-12deg); } to { opacity:1; transform:scale(1) rotate(0); } }
.thankyou-eyebrow { margin:0 auto; color:#6ee5ba; border:1px solid rgba(49,214,155,.3); background:rgba(49,214,155,.08); padding:7px 12px; border-radius:999px; font-size:12px; letter-spacing:.12em; animation:fadeUp .5s ease .14s both; }
.thankyou-eyebrow span { color:#42d8a7; }
.thankyou-hero h1 { margin:14px 0 10px; font-size:clamp(36px,5vw,50px); line-height:1; letter-spacing:-.045em; animation:fadeUp .55s ease .18s both; }
.thankyou-lead { max-width:560px; margin:0 auto; color:#8290a5; font-size:16px; line-height:1.6; animation:fadeUp .55s ease .22s both; }
.thankyou-lead strong { color:#e8edf5; font-weight:700; }
.confirmation-pill { width:fit-content; max-width:100%; margin:24px auto 0; display:flex; align-items:center; gap:9px; border:1px solid rgba(49,214,155,.2); background:rgba(49,214,155,.06); color:#9fb6aa; border-radius:999px; padding:9px 13px; font-size:12px; animation:fadeUp .55s ease .28s both; }
.pulse-dot { width:7px; height:7px; border-radius:50%; background:#31d69b; box-shadow:0 0 0 0 rgba(49,214,155,.4); animation:dotPulse 2s ease-out infinite; }
@keyframes dotPulse { 0% { box-shadow:0 0 0 0 rgba(49,214,155,.4); } 70% { box-shadow:0 0 0 8px rgba(49,214,155,0); } 100% { box-shadow:0 0 0 0 rgba(49,214,155,0); } }
.thankyou-divider { height:1px; margin:34px 0 28px; background:linear-gradient(90deg, transparent, var(--border-strong), transparent); }
.next-steps-title { text-align:left; margin-bottom:15px; }
.next-steps-title span { color:#7498d1; font-size:11px; font-weight:800; letter-spacing:.13em; }
.next-steps-title h2 { margin:5px 0 0; font-size:18px; letter-spacing:-.02em; }
.next-steps-grid { display:grid; gap:10px; }
.next-step-card { display:grid; grid-template-columns:42px 1fr; gap:14px; text-align:left; align-items:start; padding:16px; border:1px solid var(--border); border-radius:15px; background:linear-gradient(145deg, rgba(20,28,38,.78), rgba(10,16,24,.84)); opacity:0; animation:stepReveal .52s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 180ms) forwards; transition:transform .2s ease, border-color .2s ease, background .2s ease; }
.next-step-card:hover { transform:translateY(-2px); border-color:rgba(104,145,217,.36); background:linear-gradient(145deg, rgba(24,35,49,.9), rgba(11,18,27,.9)); }
.step-badge { width:40px; height:40px; border-radius:12px; display:grid; place-items:center; border:1px solid rgba(74,133,235,.25); background:rgba(47,110,232,.08); color:#8fb9ff; font-weight:800; font-size:12px; }
.next-step-card strong { display:block; margin:1px 0 5px; font-size:14px; }
.next-step-card p { margin:0; color:#738095; font-size:12.5px; line-height:1.55; }
.thankyou-cta { height:54px; margin-top:24px; padding:0 18px; display:flex; align-items:center; justify-content:center; gap:14px; text-decoration:none; border-radius:13px; color:white; font-weight:800; font-size:14px; background:linear-gradient(180deg,#3677f0,#2459c9); box-shadow:0 13px 30px rgba(40,102,224,.22); position:relative; overflow:hidden; transition:transform .2s ease, filter .2s ease, box-shadow .2s ease; animation:fadeUp .5s ease .5s both; }
.thankyou-cta::before { content:""; position:absolute; inset:0; background:linear-gradient(115deg, transparent 25%, rgba(255,255,255,.14), transparent 68%); transform:translateX(-120%); transition:transform .65s ease; }
.thankyou-cta:hover { transform:translateY(-2px); filter:brightness(1.06); box-shadow:0 16px 35px rgba(40,102,224,.29); }
.thankyou-cta:hover::before { transform:translateX(120%); }
.cta-arrow { font-size:20px; transition:transform .2s ease; }
.thankyou-cta:hover .cta-arrow { transform:translateX(4px); }
.thankyou-footnote { margin:11px 0 0; color:#5f6a7d; font-size:11px; }
.thankyou-summary { overflow:hidden; animation:cardEnter .65s cubic-bezier(.2,.75,.2,1) .08s both; }
.thankyou-product { display:grid; grid-template-columns:42px minmax(0,1fr) auto; gap:12px; align-items:center; padding:20px 22px 15px; }
.thankyou-product strong { font-size:14px; }
.thankyou-product p { margin:3px 0 0; color:#6d788d; font-size:12px; }
.approved-tag { padding:5px 7px; border-radius:7px; border:1px solid rgba(49,214,155,.25); background:rgba(49,214,155,.08); color:#52dcae; font-size:9px; font-weight:900; letter-spacing:.08em; }
.thankyou-items { padding:0 22px; }
.thankyou-total-row { margin-top:0; }
.thankyou-method-row { margin-bottom:14px; }
.secure-note { display:flex; gap:10px; align-items:center; margin:0 22px 22px; padding:12px; border-radius:12px; border:1px solid rgba(49,214,155,.14); background:rgba(49,214,155,.04); }
.secure-note-icon { width:28px; height:28px; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:rgba(49,214,155,.10); color:#4edbae; font-weight:900; }
.secure-note p { margin:0; color:#708078; font-size:11px; line-height:1.45; }
.secure-note strong { color:#a9c5b7; }
@keyframes fadeUp { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
@keyframes fadeDown { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:none; } }
@keyframes cardEnter { from { opacity:0; transform:translateY(14px) scale(.992); } to { opacity:1; transform:none; } }
@keyframes stepReveal { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }

@media (max-width: 850px) {
  .thankyou-shell { grid-template-columns:1fr; }
  .thankyou-summary { order:-1; }
  .thankyou-hero { padding:34px 24px 28px; }
}
@media (max-width: 560px) {
  .thankyou-page { padding-inline:10px; }
  .thankyou-hero { padding:30px 16px 24px; border-radius:18px; }
  .success-burst { width:88px; height:88px; margin-bottom:16px; }
  .success-icon-large { width:66px; height:66px; font-size:30px; }
  .thankyou-hero h1 { font-size:34px; }
  .thankyou-lead { font-size:14px; }
  .confirmation-pill { font-size:11px; padding:8px 10px; }
  .thankyou-divider { margin:28px 0 24px; }
  .thankyou-product { grid-template-columns:42px 1fr; }
  .approved-tag { grid-column:2; justify-self:start; }
  .next-step-card { grid-template-columns:38px 1fr; padding:14px 12px; }
  .step-badge { width:36px; height:36px; }
}

/* VERIFIED THANK-YOU STATES */
.thankyou-status.is-validating { color:#8da2c3; }
.thankyou-status.is-validating span { background:#6f9fe8; box-shadow:0 0 0 4px rgba(111,159,232,.09),0 0 16px rgba(111,159,232,.24); animation:statusBlink 1.3s ease-in-out infinite; }
.thankyou-status.is-approved { color:#80a894; }
.thankyou-status.is-approved span { background:#31d69b; box-shadow:0 0 0 4px rgba(49,214,155,.10),0 0 18px rgba(49,214,155,.28); }
.thankyou-status.is-pending { color:#c5a56f; }
.thankyou-status.is-pending span { background:#e5b75d; box-shadow:0 0 0 4px rgba(229,183,93,.08),0 0 16px rgba(229,183,93,.22); }
.thankyou-status.is-invalid { color:#c48188; }
.thankyou-status.is-invalid span { background:#e16e79; box-shadow:0 0 0 4px rgba(225,110,121,.08),0 0 16px rgba(225,110,121,.2); }

.success-burst.is-validating .success-icon-large { color:#8eb7ff; border-color:rgba(79,133,224,.32); background:linear-gradient(145deg,rgba(47,110,232,.18),rgba(47,110,232,.06)); box-shadow:0 14px 50px rgba(47,110,232,.12); animation:statusFloat 1.35s ease-in-out infinite alternate; }
.success-burst.is-validating .success-ring { border-color:rgba(92,143,230,.16); }
.success-burst.is-pending .success-icon-large { color:#e5b75d; border-color:rgba(229,183,93,.28); background:rgba(229,183,93,.07); box-shadow:none; }
.success-burst.is-pending .success-ring { border-color:rgba(229,183,93,.14); }
.success-burst.is-invalid .success-icon-large { color:#f18a93; border-color:rgba(225,110,121,.28); background:rgba(225,110,121,.07); box-shadow:none; }
.success-burst.is-invalid .success-ring { border-color:rgba(225,110,121,.13); animation:none; }

.thankyou-eyebrow.is-validating { color:#9bbcff; border-color:rgba(79,133,224,.28); background:rgba(47,110,232,.07); }
.thankyou-eyebrow.is-validating span { color:#72a2f0; }
.thankyou-eyebrow.is-pending { color:#dec18c; border-color:rgba(229,183,93,.25); background:rgba(229,183,93,.06); }
.thankyou-eyebrow.is-pending span { color:#e5b75d; }
.thankyou-eyebrow.is-invalid { color:#e8a2a8; border-color:rgba(225,110,121,.24); background:rgba(225,110,121,.06); }
.thankyou-eyebrow.is-invalid span { color:#e16e79; }

.confirmation-pill.is-validating { border-color:rgba(79,133,224,.18); background:rgba(47,110,232,.05); color:#8ca3c7; }
.confirmation-pill.is-validating .pulse-dot { background:#6f9fe8; }
.confirmation-pill.is-pending { border-color:rgba(229,183,93,.18); background:rgba(229,183,93,.05); color:#b39d77; }
.confirmation-pill.is-pending .pulse-dot { background:#e5b75d; }
.confirmation-pill.is-invalid { border-color:rgba(225,110,121,.18); background:rgba(225,110,121,.05); color:#b98a8f; }
.confirmation-pill.is-invalid .pulse-dot { background:#e16e79; animation:none; }

.approved-tag.is-validating { border-color:rgba(79,133,224,.2); background:rgba(47,110,232,.06); color:#8eb7ff; }
.approved-tag.is-pending { border-color:rgba(229,183,93,.2); background:rgba(229,183,93,.06); color:#e5c27c; }
.approved-tag.is-invalid { border-color:rgba(225,110,121,.2); background:rgba(225,110,121,.06); color:#e58b94; }
.thankyou-summary.is-validating { opacity:.84; }
.thankyou-error-actions { margin-top:26px; }

@keyframes statusBlink { 0%,100%{opacity:.45} 50%{opacity:1} }
@keyframes statusFloat { from{transform:translateY(-2px) scale(.98)} to{transform:translateY(2px) scale(1.02)} }