*{box-sizing:border-box}:root{font-synthesis:none;color:#f7f7fa;background:#090a0d;font-family:Arial,Helvetica,sans-serif}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #95b8ff}input:focus,select:focus{outline-offset:1px;outline:2px solid #527bfa}button{transition:filter .15s,background .15s,transform .15s}button:hover{filter:brightness(1.15)}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}.workspace{background:radial-gradient(at 50% 20%,#252332 0,#111117 45%,#090a0d 90%);min-height:calc(100vh - 72px);padding:48px 32px}.phone{background:#131315;border:1px solid #34343d;border-radius:18px;width:375px;max-width:100%;margin:0 auto;padding-bottom:112px;position:relative;overflow:clip;box-shadow:0 30px 90px #0008}.brand{justify-content:space-between;align-items:center;height:110px;padding:26px 16px 18px;display:flex}.brand>img{object-fit:contain;width:104px;height:55px}.brand>span{align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.avatar{color:#fff1d7;background:linear-gradient(140deg,#967982,#514962);border:2px solid #bca591;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;display:grid}.phone-main{min-height:500px;padding:0 26px 28px}.phone h1{letter-spacing:-1px;margin:6px 0 20px;font-size:27px;font-weight:750;line-height:1.25}.phone h2{letter-spacing:-.4px;margin:16px 0 24px;font-size:19px}.phone h3{margin:24px 0 14px;font-size:15px;font-weight:500}.heading-divider{background:#35363d;height:1px;margin:0 0 12px}.primary{color:#fff;background:linear-gradient(120deg,#3164e8,#396aff);border-radius:32px;width:100%;min-height:56px;padding:15px 18px;font-size:16px;font-weight:700;box-shadow:0 5px 12px #0002}.secondary{color:#fff;background:#353536;border-radius:6px;padding:11px 14px;font-size:12px;font-weight:600}.action-bar{z-index:3;background:#24262f;border-top:1px solid #383b46;min-height:112px;margin-bottom:-112px;padding:13px 23px 10px;position:sticky;bottom:0}.action-bar small{color:#8f94a2;text-align:center;margin-top:8px;font-size:10px;line-height:1.4;display:block}.phone:has(.action-bar) .action-bar{border-radius:0 0 16px 16px;width:373px;max-width:calc(100vw - 2px);margin-bottom:0;position:fixed;bottom:18px}.phone footer{color:#898b96;padding:30px 24px 36px;font-size:12px}.phone footer img{width:78px;margin-bottom:22px}.phone footer>div{grid-template-columns:1fr 1fr;gap:30px 12px;display:grid}.footer-link{color:#8d91a1;text-align:left;background:0 0;padding:0;font-size:12px;font-weight:700}.phone footer p{border-top:1px solid #282a32;margin-top:42px;padding-top:25px;font-size:11px;line-height:1.7}.muted{color:#9597a3}.gold{color:#ead154}.summary{background:#222224;border:1px solid #303033;border-radius:10px;padding:18px 15px}.summary-line{justify-content:space-between;align-items:center;gap:8px;margin:10px 0;font-size:12px;line-height:1.5;display:flex}.summary-line:first-child{border-bottom:1px solid #484749;margin-top:0;padding-bottom:9px;font-size:14px}.summary-line:first-child strong{font-size:16px}.total{background:#35363f;border-radius:7px;justify-content:space-between;margin-top:16px;padding:12px;font-size:13px;display:flex}.fine-print{color:#8c8f9b;margin-top:21px;font-size:11px;line-height:1.7}.field{color:#d0d1d7;margin-bottom:27px;font-size:14px;line-height:1.4;display:block}.field input,.field select{color:#f2f2f5;background:#222224;border:1px solid #505052;border-radius:11px;width:100%;height:41px;margin-top:8px;padding:11px 13px;font-size:13px;display:block}.field input::placeholder{color:#9ea0ad}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field small{color:#ff9d9d;margin-top:5px;font-size:10px;display:block}.invalid input{background:#2a1b20;border-color:#d65361}.alert{color:#ff909d;background:#3d151d;border:1px solid #963549;border-radius:7px;gap:8px;margin:18px 0 23px;padding:12px 10px;font-size:12px;line-height:1.5;display:flex}.alert>span{font-size:19px}.method-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.method-heading h2{margin:0 0 30px}.card-brands{justify-content:flex-end;gap:5px;height:0;display:flex;position:relative;top:-4px}.card-brands span{color:#0078c8;background:#fff;border-radius:5px;height:21px;padding:5px 4px;font-size:8px;font-weight:800;line-height:11px}.card-brands+label{font-size:12px}.save-card{align-self:center;align-items:center;gap:8px;margin-bottom:21px;padding-top:20px;font-size:12px;display:flex}.save-card input{accent-color:#703cfc;width:17px;height:17px}.status-card{text-align:center;background:#222224;border:1px solid #35363a;border-radius:9px;margin-top:34px;padding:20px 17px 27px}.status-eyebrow{color:#b5b7c2;text-align:left;align-items:center;gap:12px;font-size:10px;display:flex}.status-eyebrow small{color:#858a96;margin-top:7px;font-size:9px;display:block}.status-dot{background:#edb452;border-radius:50%;width:9px;height:9px}.success .status-dot{background:#3ecc9d}.status-icon{color:#ffca65;background:#3c3830;border-radius:50%;place-items:center;width:80px;height:80px;margin:28px auto 12px;font-size:47px;display:grid;box-shadow:inset 0 0 0 10px #2e2c28}.success .status-icon{color:#fff;background:linear-gradient(#3fc79a,#068964);box-shadow:inset 0 0 0 10px #165441}.failed .status-icon{color:#ffb2b2;background:#70313d}.status-card h2{margin:17px 0;font-size:22px}.status-card p{color:#b7b9c4;margin:16px 0 22px;font-size:12px;line-height:1.7}.status-card>strong{color:#c6c7ce;font-size:12px;font-weight:400}.processing .status-icon,.pending .status-icon{animation:1.6s ease-in-out infinite pulse}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05060ac9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#1d1e25;border:1px solid #444650;border-radius:16px;width:100%;max-width:420px;padding:30px;position:relative;box-shadow:0 25px 80px #0008}.modal h2{margin:7px 0 18px;font-size:23px}.modal>p{color:#b6b8c5;font-size:14px;line-height:1.6}.modal>.primary{margin-top:20px}.modal code{background:#30323c;border-radius:8px;padding:13px;display:block}@keyframes pulse{50%{opacity:.72;transform:scale(.96)}}@media (max-width:850px){.workspace{padding:30px 15px}.phone:has(.action-bar) .action-bar{bottom:0}}@media (max-width:480px){.workspace.portrait{background:#131315;padding:0}.phone{width:100%;min-height:calc(100vh - 60px);box-shadow:none;border:0;border-radius:0}.phone:has(.action-bar) .action-bar{border-radius:0;width:100%;max-width:100%}.phone-main{padding:0 28px 30px}.brand{padding:26px 22px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.workspace.portrait{justify-content:center;align-items:flex-start;height:calc(100dvh - 72px);min-height:0;padding:24px 16px;display:flex;overflow:hidden}.portrait .phone{flex-direction:column;height:min(852px,100%);min-height:0;margin:0;padding-bottom:0;display:flex;overflow:hidden}.phone-scroll{overscroll-behavior:contain;scrollbar-color:#494a52 transparent;scrollbar-width:thin;flex:auto;min-height:0;overflow:hidden auto}.phone-scroll .phone-main{min-height:0}#payment-form .field{margin-bottom:16px}#payment-form>h3{margin:16px 0 12px}.phone:has(.action-bar)>.action-bar{border-radius:0;flex:none;width:100%;max-width:none;min-height:82px;margin:0;padding:8px 23px 16px;position:static}.phone:has(.action-bar)>.action-bar:has(small){min-height:115px;padding-top:14px}.phone-main:has(>.summary){padding:0 10px 28px}.phone-main:has(>.summary)>h1{margin:6px 14px 38px;font-size:25px}.phone-main>.summary{background:#24262f;border-radius:24px;padding:18px 21px}.phone-main>.summary .summary-line:first-child{padding-bottom:18px}.phone-main>.summary .tax-line{margin:0;padding:4px 12px 0;font-size:13px}.phone-main>.summary .tax-line>span{color:#b4b4bd}.phone-main>.summary .total{padding:12px}@media (max-width:480px){.workspace.portrait{height:calc(100dvh - 60px);padding:0}.portrait .phone{height:100%;min-height:0}.phone:has(.action-bar)>.action-bar{padding-bottom:max(16px, env(safe-area-inset-bottom))}}
.dtc-shop .workspace{min-height:100dvh}.dtc-shop .workspace.portrait{height:100dvh}.dtc-shop .hosted-field{background:#222224;border:1px solid #505052;border-radius:11px;height:41px;margin-top:8px;padding:0 13px}.dtc-shop .field.save-card{align-items:center;gap:8px;padding-top:28px;display:flex}.dtc-shop .field.save-card input{width:auto;height:auto;margin:0}.dtc-shop .session-dialog{text-align:center;max-width:320px}.dtc-shop .session-dialog-icon{margin-bottom:8px;font-size:28px}.dtc-shop .session-dialog button,.dtc-shop .session-dialog a.primary{width:100%;margin:12px auto 0;display:block}.dtc-shop .session-dialog a.primary{box-sizing:border-box;text-align:center;text-decoration:none}.dtc-shop .paying-as{text-align:center;opacity:.8;margin:0 0 10px;font-size:12px}.dtc-loading{color:#f7f7fa;background:#090a0d;justify-content:center;align-items:center;height:100dvh;font-family:Arial,Helvetica,sans-serif;display:flex}.dtc-shop :where(p,h1,h2,h3,label){font-family:inherit}.dtc-shop :where(p){font-size:inherit;line-height:inherit}.dtc-shop .pay-layout{display:block}.dtc-shop .pay-summary{padding:0 26px 16px}.dtc-shop .pay-content .action-bar{background:0 0;border:0;border-radius:0;width:auto;max-width:none;min-height:0;margin:24px 0 0;padding:0;position:static;transform:none}.dtc-shop .pay-content .action-bar .primary{width:100%}@media (orientation:portrait) and (max-width:900px){.dtc-shop .workspace.portrait{background:#131315;height:100dvh;min-height:0;padding:0}.dtc-shop .portrait .phone{border:0;border-radius:0;width:100%;height:100%;max-height:none}}@media (orientation:landscape){.dtc-shop .workspace.portrait{height:100dvh;padding:10px max(10px, env(safe-area-inset-right)) 10px max(10px, env(safe-area-inset-left));align-items:stretch}.dtc-shop .portrait .phone{width:min(960px,100%);height:100%;max-height:none}.dtc-shop .brand{height:auto;padding:12px 22px}.dtc-shop .pay-layout.has-summary{grid-template-columns:minmax(220px,2fr) minmax(0,3fr);align-items:start;gap:24px;padding:0 22px;display:grid}.dtc-shop .pay-layout.has-summary .pay-summary{padding:0;position:sticky;top:0}.dtc-shop .pay-layout.has-summary .phone-main{min-width:0;padding:0 0 24px}}.dtc-shop .to-pay{font-size:15px;font-weight:700}.dtc-shop .card-expiry{margin-top:6px;font-size:12px;display:block}.dtc-shop .user-info{margin-bottom:12px}.dtc-shop .user-info h3{margin:0 0 8px}.dtc-shop .summary .summary-line:only-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.dtc-shop .secondary.wide{width:100%;min-height:44px;margin-bottom:12px;font-size:14px}.dtc-shop .method-heading .link{font-size:12px}.dtc-shop .pay-heading{padding:0 26px 4px}.dtc-shop .pay-heading h1{margin-top:4px}.dtc-shop .total.to-pay{background:0 0;border-radius:0;margin-top:0;padding:14px 2px 2px;font-size:13px;font-weight:400}.dtc-shop .total.to-pay strong{font-weight:700}.dtc-shop .pay-content .field{text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:700}.dtc-shop .pay-content .field :where(input,select,small,.card-expiry){text-transform:none;letter-spacing:0;font-weight:400}.dtc-shop .pay-content .field.save-card{text-transform:none;letter-spacing:0;padding-top:0;font-size:13px;font-weight:400}.dtc-shop .or-divider{align-items:center;gap:12px;font-size:11px;display:flex}.dtc-shop .or-divider:before,.dtc-shop .or-divider:after{content:"";background:#3a3b42;flex:1;height:1px}.dtc-shop .pay-content .action-bar .primary:disabled{color:#8e8f96;box-shadow:none;opacity:1;background:#36373c}.dtc-shop .card-brands{align-items:flex-start}.dtc-shop .card-brands img{width:auto;height:20px}.dtc-shop .card-brand-text{color:#0078c8;background:#fff;border-radius:5px;padding:3px 4px;font-size:8px;font-weight:800}@media (orientation:landscape){.dtc-shop .pay-heading{padding:0 22px 8px}}