:root{--navy:#142237;--navy-deep:#0e192b;--ink:#1a293b;--muted:#657080;--paper:#f5f3ee;--white:#fff;--line:#e4e5e7;--gold:#e4cfaa;--gold-dark:#705a34;--red:#a63c42;--green:#2d6654;--radius:16px;--ease:cubic-bezier(.22,.7,.24,1);font-family:Inter,"Aptos","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
    *{box-sizing:border-box}
    body{margin:0;min-width:280px;-webkit-font-smoothing:antialiased}
    button,input,select{font:inherit}
    button{cursor:pointer}
    a,button,input,select{-webkit-tap-highlight-color:transparent}
    button:disabled{cursor:wait}
    button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #a8844d;outline-offset:4px}
    [hidden]{display:none!important}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .icon{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
    .page-top{max-width:1280px;margin:0 auto;padding:26px 0 20px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#64707c}
    .page-top .breadcrumb{display:flex;align-items:center;gap:12px}
    .page-top .rule{width:27px;height:1px;background:#a8a69e}
    .top-demo{display:flex;align-items:center;gap:8px;letter-spacing:.08em}
    .status-dot{height:6px;width:6px;border-radius:50%;background:#8e7958;flex:none;box-shadow:0 0 0 4px #eae4d8}
    .layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
    .showcase{position:sticky;top:24px;min-height:860px;border-radius:24px;background:radial-gradient(ellipse at 15% 12%,#263b51 0,transparent 58%),linear-gradient(148deg,#17283e,#101b2d);color:#fff;padding:44px 46px 34px;isolation:isolate;overflow:hidden}
    .showcase:before{content:"";position:absolute;width:700px;height:700px;border:1px solid #d9c39e0e;border-radius:50%;right:-490px;top:205px;z-index:-1;box-shadow:0 0 0 70px #d9c39e04,0 0 0 140px #d9c39e03}
    .brand{width:260px;max-width:76%;height:auto;display:block;margin:0 0 44px}
    .eyebrow{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
    .showcase .eyebrow{color:#d4c09f}
    .story-title{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;font-weight:400;font-size:43px;line-height:1.12;letter-spacing:-.035em;margin:12px 0 14px}
    .story-title em{font-weight:400;color:#e4cfaa}
    .story-copy{max-width:370px;font-size:13px;line-height:1.7;color:#b9c4d1;margin:0}
    .mobile-intro{display:none}
    .card-home{margin:32px 0 0;position:relative}
    .card-stage{width:100%;max-width:454px;aspect-ratio:1.6;margin:0 auto;perspective:1400px;container-type:inline-size;position:relative;--rx:6deg;--ry:-7deg;--rz:-3deg}
    .card-tilt{height:100%;width:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));transition:transform 600ms var(--ease)}
    .card-stage.is-engaged{--rx:1deg;--ry:0deg;--rz:0deg}
    .card-flipper{height:100%;width:100%;transform-style:preserve-3d;position:relative;transition:transform 700ms cubic-bezier(.3,.65,.2,1);transform:rotateY(0deg)}
    .card-stage.is-flipped .card-flipper{transform:rotateY(180deg)}
    .card-face{position:absolute;inset:0;border-radius:4cqw;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #c2cdd34d;overflow:hidden;background:radial-gradient(ellipse at 90% 15%,#415469aa,transparent 50%),linear-gradient(130deg,#34475e,#1c2d45 55%,#101d33);box-shadow:0 24px 36px -16px #0009,inset 0 1px 1px #ffffff1a;color:#f5f2e9;transform:translateZ(1px)}
    .card-face:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff08 45%,transparent 70%);pointer-events:none}
    .card-front{padding:6.1cqw 6.6cqw 5.5cqw;display:flex;flex-direction:column}
    .card-rings{position:absolute;width:69cqw;height:69cqw;right:-35cqw;top:4cqw;border:1px solid #dfc79730;border-radius:50%;box-shadow:0 0 0 7cqw #d8c2a00a,0 0 0 14cqw #d8c2a009,0 0 0 21cqw #d8c2a008;pointer-events:none}
    .card-brand-row{display:flex;align-items:flex-start;justify-content:space-between;z-index:1}
    .card-brand{width:43cqw;height:auto;display:block}
    .card-demo{font-size:1.85cqw;letter-spacing:.17em;border:1px solid #deceb74d;border-radius:4px;padding:1cqw 1.5cqw;color:#dfcbaa;margin-top:.1cqw}
    .chip-row{display:flex;gap:2.7cqw;align-items:center;margin-top:4.3cqw;margin-bottom:3.3cqw}
    .chip{width:9.2cqw;height:7cqw;background:linear-gradient(125deg,#eadab7,#b49c71 50%,#efdfba);border-radius:1.4cqw;border:1px solid #f1d9a0;position:relative;overflow:hidden}
    .chip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 31%,#725e414f 31%,#725e414f 33%,transparent 33%,transparent 67%,#725e414f 67%,#725e414f 69%,transparent 69%),linear-gradient(transparent 31%,#725e414f 31%,#725e414f 33%,transparent 33%,transparent 67%,#725e414f 67%,#725e414f 69%,transparent 69%)}
    .chip:after{content:"";position:absolute;left:32%;right:32%;top:18%;bottom:18%;border:1px solid #80684470;border-radius:1cqw;background:#d8c49c}
    .contactless{width:4.9cqw;height:5.7cqw;color:#d6c39e;opacity:.85;stroke-width:1.7}
    .card-number{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:5.15cqw;line-height:1.35;letter-spacing:.055em;white-space:nowrap;margin:0 -.9cqw;padding:.8cqw .9cqw;border:1px solid transparent;border-radius:1.2cqw;position:relative;transition:border-color 250ms,background 250ms,box-shadow 250ms;text-shadow:0 1px 2px #0005;font-variant-numeric:tabular-nums}
    .card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2cqw;margin-top:auto;padding-top:2.8cqw;position:relative}
    .card-caption{font-size:1.75cqw;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;color:#c2c9d3;display:block;margin-bottom:.7cqw}
    .card-holder{font-size:2.35cqw;letter-spacing:.11em;line-height:1.6;white-space:nowrap}
    .card-expiry{border:1px solid transparent;border-radius:1.1cqw;padding:1.1cqw 2cqw;margin:-1.1cqw -1.6cqw;transition:250ms;min-width:13cqw}
    .card-expiry-value{font-family:Consolas,"Liberation Mono",monospace;font-size:2.7cqw;line-height:1.4;letter-spacing:.06em;font-variant-numeric:tabular-nums}
    .card-network{font-family:Arial,sans-serif;font-weight:800;font-size:5cqw;font-style:italic;letter-spacing:-.09em;line-height:1;margin-bottom:.9cqw;color:#eee5d5}
    .card-stage[data-zone="number"] .card-number,.card-stage[data-zone="expiry"] .card-expiry,.card-stage[data-zone="cvc"] .signature-cvc{border-color:#f0d29b;background:#dec49a18;box-shadow:0 0 0 3px #e6cfaa12,0 0 18px #dfbb7040}
    .card-back{transform:rotateY(180deg) translateZ(1px);display:flex;flex-direction:column;padding-top:7cqw}
    .magnetic-band{width:100%;height:12cqw;background:linear-gradient(#10151e,#060d18 70%,#151d28);border-top:1px solid #283346;border-bottom:1px solid #253145}
    .back-content{padding:4.6cqw 6.6cqw;position:relative}
    .back-row{display:flex;align-items:center;gap:2cqw}
    .signature{height:9cqw;flex:1;background:repeating-linear-gradient(0deg,#f4f0e8,#f4f0e8 2px,#e0dcd3 2px,#e0dcd3 3px);border-radius:.8cqw;display:flex;align-items:center;padding-left:3cqw;font-family:Georgia,serif;font-style:italic;color:#7d7b77;font-size:2.7cqw}
    .signature-cvc{width:14cqw;min-height:10cqw;display:flex;align-items:center;justify-content:center;border:1px solid #dbceb970;background:#ffffff0a;border-radius:1.2cqw;transition:250ms;font-family:Consolas,monospace;font-size:3.7cqw;color:#f8ebd4}
    .back-caption{color:#e2cba8;font-size:2.2cqw;margin:2cqw 0 0;text-align:right;letter-spacing:.04em}
    .back-note{max-width:62cqw;color:#acb8c8;font-size:1.9cqw;line-height:1.7;margin-top:3cqw}
    .back-mark{position:absolute;right:7cqw;bottom:5cqw;font-family:Georgia,serif;font-size:9cqw;color:#ddc69f8c;line-height:1}
    .card-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;min-height:30px}
    .card-guide{display:flex;align-items:center;gap:10px;font-size:11px;color:#c4cbd5;line-height:1.5}
    .guide-symbol{width:25px;height:25px;border:1px solid #afbdd13b;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#e7cfaa;flex:none}
    .flip-button{border:0;background:none;color:#e5d0ad;display:flex;align-items:center;gap:7px;padding:6px 0;white-space:nowrap;font-size:11px;min-height:32px}
    .flip-button .icon{width:14px;height:14px;transition:transform 250ms}
    .flip-button:hover .icon{transform:rotate(25deg)}
    .summary{margin-top:30px;padding:25px 0;border-top:1px solid #a8bad02b;border-bottom:1px solid #a8bad02b;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-radius:0;transition:background 250ms,box-shadow 250ms}
    .summary>div:first-child{flex:1 1 135px;min-width:0}
    .summary .amount-total{margin-left:auto}
    .summary.is-active{background:#e7cfa808;box-shadow:0 0 0 12px #e7cfa808}
    .summary-label{font-size:12px;margin:0 0 7px;color:#dce2e8}
    .summary-subtitle{font-size:10px;color:#9eabbc;margin:0;line-height:1.5}
    .amount-total{font-family:Georgia,serif;font-size:37px;line-height:1.2;white-space:nowrap;letter-spacing:-.04em;font-variant-numeric:tabular-nums;transform-origin:right center}
    .amount-total .currency{font-size:.58em;color:#ddc9a7;margin-left:5px}
    .reassurance{display:flex;align-items:flex-start;gap:12px;margin-top:25px;color:#c5ced9}
    .reassurance>.icon{color:#d9c29e;width:20px;height:20px;margin-top:2px}
    .reassurance strong{display:block;font-size:12px;line-height:1.5;font-weight:500;color:#e3e8ed;margin-bottom:5px}
    .reassurance p{font-size:11px;line-height:1.7;margin:0;color:#a7b4c5}
    .showcase-bottom{margin-top:27px;display:flex;align-items:center;gap:9px;color:#b3bdcc;font-size:10px;line-height:1.5}
    .showcase-bottom .icon{height:13px;width:13px;color:#cfb991}
    .checkout{border:1px solid #e5e5e2;background:#fff;border-radius:24px;padding:36px 38px 25px;box-shadow:0 8px 32px #1f293705;min-width:0}
    .form-intro{margin-bottom:27px}
    .form-kicker{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
    .form-kicker .eyebrow{color:#7c715c;font-size:9px}
    .provider{color:#677084;font-size:10px;letter-spacing:.015em}
    .provider b{font-family:Arial,sans-serif;font-weight:700;font-size:15px;letter-spacing:-.055em;margin-right:5px;color:#535f79}
    h1{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:34px;font-weight:400;line-height:1.16;letter-spacing:-.035em;margin:0 0 10px}
    .form-intro p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
    .form-content{display:grid;gap:18px}
    .field{min-width:0}
    .field>label,.field-label{display:block;font-size:12px;line-height:1.45;font-weight:550;color:#334154;margin:0 0 8px}
    .required{font-weight:500;color:#8c7551}
    .input-wrap{position:relative;display:flex;align-items:center;min-width:0}
    input:not([type="radio"]),select{width:100%;min-width:0;height:46px;border:1px solid #dfe2e7;border-radius:9px;background:#fff;color:#253348;padding:0 13px;outline:none;box-shadow:0 1px 2px #14223703;transition:box-shadow 180ms,border-color 180ms,background 180ms;font-size:14px;line-height:normal}
    input::placeholder{color:#939ca8;opacity:1;font-size:13px}
    input:not([type="radio"]):hover,select:hover{border-color:#b8bfc9}
    input:not([type="radio"]):focus,select:focus{border-color:#a78b5d;box-shadow:0 0 0 3px #b49a6b22;background:#fffefa}
    input:not([type="radio"])[aria-invalid="true"],select[aria-invalid="true"]{border-color:#ba6064;background:#fffafb}
    input:not([type="radio"])[aria-invalid="true"]:focus{box-shadow:0 0 0 3px #b34c5215}
    .input-wrap>.icon{position:absolute;left:14px;pointer-events:none;color:#9ba4af;width:16px;height:16px;transition:color 200ms}
    .input-wrap:focus-within>.icon{color:#92794e}
    .input-wrap.has-icon input{padding-left:42px}
    .input-wrap.has-suffix input{padding-right:64px}
    .input-suffix{position:absolute;right:14px;pointer-events:none;font-size:10px;font-weight:600;color:#828a96;letter-spacing:.05em}
    .amount-input{font-size:20px!important;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
    .field-help{font-size:10px;line-height:1.5;color:#657080;margin:6px 0 0}
    .error-message{color:var(--red);font-size:11px;line-height:1.5;margin:6px 0 0;display:none}
    .error-message:not(:empty){display:block}
    .stripe-section{border:1px solid #e4e6e9;border-radius:13px;padding:17px 17px 18px;background:linear-gradient(#fcfcfd,#fff 45%);min-width:0}
    .bank-heading{font-size:12px;font-weight:550;margin:0 0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .bank-heading-label{display:flex;gap:7px;align-items:center}
    .bank-heading .icon{width:15px;height:15px;color:#7d8794}
    .bank-note{font-size:9px;color:#667181;font-weight:400;border:1px solid #e4e6e9;border-radius:4px;padding:3px 5px;letter-spacing:.025em}
    .stripe-section .field>label{font-size:11px;margin-bottom:6px}
    .stripe-section input:not([type="radio"]),.stripe-section select{height:43px;font-size:13px}
    .payment-methods{display:grid;grid-template-columns:1fr 1fr;border:0;margin:15px 0;padding:0;gap:9px;min-width:0}
    .method-option{position:relative;min-width:0}
    .method-option input{position:absolute;opacity:0;inset:0;z-index:1;width:100%;height:100%;margin:0;cursor:pointer}
    .method-surface{height:54px;border:1px solid #dee2e8;background:#fff;border-radius:8px;display:flex;align-items:center;gap:8px;padding:10px 11px;font-size:11px;color:#526070;transition:200ms;position:relative}
    .method-surface>.icon{width:18px;height:18px}
    .method-option:hover .method-surface{border-color:#b7aa91}
    .method-option input:checked+.method-surface{background:#fbf8f2;border-color:#ad9369;box-shadow:0 0 0 1px #b8a17a25;color:#253348}
    .method-option input:focus-visible+.method-surface{outline:3px solid #ae946a44;outline-offset:2px}
    .method-check{margin-left:auto;width:13px;height:13px;border:1px solid #c5cbd2;border-radius:50%;display:grid;place-items:center;flex:none}
    .method-option input:checked+.method-surface .method-check{background:#947a50;border-color:#947a50}
    .method-option input:checked+.method-surface .method-check:after{content:"";display:block;width:4px;height:4px;background:#fff;border-radius:50%}
    .gpay-g{font-family:Arial,sans-serif;font-size:21px;line-height:1;font-weight:600;color:#5c6776}
    .gpay-word{font-size:12px;letter-spacing:-.025em;margin-left:-4px}
    .wallet-info{padding:11px 12px;margin:-3px 0 15px;border:1px solid #e4d8c1;border-radius:8px;background:#fbf7ee;font-size:11px;line-height:1.6;color:#705c3b}
    .wallet-info button{background:none;border:0;padding:5px 0 0;color:#4c3b20;font-size:11px;text-decoration:underline;text-underline-offset:3px;display:block;min-height:30px}
    .bank-inputs{display:grid;gap:14px;transition:opacity 200ms}
    .bank-inputs.is-disabled{opacity:.5}
    .field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px;min-width:0}
    .visa-mark{position:absolute;right:13px;border:1px solid #e0e4ea;border-radius:4px;padding:4px 5px;color:#344665;font-family:Arial,sans-serif;font-size:10px;font-weight:800;font-style:italic;line-height:1;pointer-events:none}
    #demo-pan{font-variant-numeric:tabular-nums;letter-spacing:.02em;padding-right:54px}
    .code-label{display:flex!important;align-items:center;gap:6px}
    .help-button{background:none;border:0;padding:0;line-height:1;color:#8993a0;width:20px;height:18px;display:inline-grid;place-items:center}
    .help-button .icon{width:13px;height:13px}
    .cvc-help{font-size:10px;line-height:1.6;color:#71634c;background:#f8f5ef;padding:9px 10px;border-radius:6px;margin:0}
    .country-select{appearance:none;padding-left:13px!important;padding-right:38px!important;cursor:pointer;transition:200ms}
    .select-chevron{position:absolute!important;left:auto!important;right:13px;pointer-events:none;width:14px!important;height:14px!important;color:#929aa5!important}
    .country-select.just-changed{background:#fbf7ed;box-shadow:0 0 0 3px #d7c39b26}
    .mobile-card-dock{display:none}
    .submit-button{width:100%;height:50px;border:1px solid #d7be94;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:11px;background:linear-gradient(115deg,#e9d6b4,#dec29a);color:#293243;box-shadow:0 4px 8px #a58d6420;font-weight:650;font-size:11px;letter-spacing:.15em;transition:transform 180ms,box-shadow 180ms,background 180ms}
    .submit-button>.icon{width:15px;height:15px}
    .submit-button .arrow{margin-left:1px;transition:transform 200ms}
    .submit-button:hover{background:linear-gradient(115deg,#efdfc2,#e6cfa8);box-shadow:0 6px 14px #a58d6433;transform:translateY(-1px)}
    .submit-button:hover .arrow{transform:translateX(3px)}
    .submit-button:active{transform:translateY(1px);box-shadow:0 1px 3px #a58d6422}
    .submit-button:disabled{opacity:.8;transform:none}
    .spinner{width:15px;height:15px;border:1.7px solid #74624744;border-top-color:#4f483b;border-radius:50%;animation:spin .8s linear infinite}
    @keyframes spin{to{transform:rotate(360deg)}}
    .demo-warning{font-size:10px;text-align:center;color:#727c88;line-height:1.65;margin:0;display:flex;align-items:flex-start;justify-content:center;gap:7px}
    .demo-warning .icon{width:13px;height:13px;flex:none;margin-top:2px;color:#8a7654}
    .demo-warning strong{font-weight:500;color:#536071}
    .demo-fill{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #ececef;margin-top:19px;padding-top:15px;font-size:10px;color:#68717e;line-height:1.4}
    .demo-fill button{background:none;border:0;color:#796343;font-size:10px;padding:6px 0;min-height:30px;display:flex;align-items:center;gap:6px;white-space:nowrap}
    .demo-fill button:hover{text-decoration:underline;text-underline-offset:3px}
    .demo-fill button .icon{width:13px;height:13px}
    .demo-controls{margin-top:3px;border-top:1px solid #f0f0f2;padding-top:3px}
    .demo-controls summary{font-size:10px;color:#68717e;cursor:pointer;padding:10px 0;list-style:none;display:flex;align-items:center;gap:6px;min-height:33px}
    .demo-controls summary::-webkit-details-marker{display:none}
    .demo-controls summary .icon{width:12px;height:12px}
    .demo-controls summary:after{content:"+";margin-left:auto;font-size:14px}
    .demo-controls[open] summary:after{content:"−"}
    .demo-controls-inner{display:flex;align-items:center;gap:10px;padding:6px 0 8px;font-size:10px;color:#657080}
    .demo-controls-inner label{flex:1;min-width:0}
    .demo-controls select{height:35px;font-size:11px;width:143px;background:#fbfaf8}
    .reset-small{background:none;border:0;padding:8px 0;color:#796343;font-size:10px;min-height:30px}
    .page-footer{max-width:1280px;margin:20px auto 22px;display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:10px;color:#6b747d;line-height:1.6}
    .page-footer p{margin:0}
    .result-panel{min-height:635px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 8px}
    .result-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#eff5f1;color:#376a55;margin-bottom:30px;position:relative;animation:result-enter 500ms var(--ease) both}
    .result-icon:before{content:"";position:absolute;inset:-9px;border:1px solid #e0e9e1;border-radius:50%}
    .result-icon .icon{width:31px;height:31px;stroke-width:1.6}
    .result-panel.is-error .result-icon{background:#faf0ed;color:#a86851}
    .result-panel.is-error .result-icon:before{border-color:#eeded7}
    .result-panel h2{font-family:Georgia,serif;font-size:34px;letter-spacing:-.035em;line-height:1.15;font-weight:400;margin:0 0 14px;outline:none}
    .result-panel p{color:#74808c;font-size:13px;line-height:1.8;max-width:330px;margin:0 0 15px}
    .result-panel .result-assurance{font-size:12px;color:#304337;font-weight:500}
    .result-amount{width:100%;max-width:300px;border-top:1px solid #e6e7e6;border-bottom:1px solid #e6e7e6;padding:18px 0;margin:12px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#84908a}
    .result-amount strong{font-size:20px;font-weight:400;color:#344336;font-variant-numeric:tabular-nums}
    .result-panel .submit-button{max-width:300px}
    .result-panel .result-tag{margin-top:24px;font-size:10px;color:#88918d}
    @keyframes result-enter{from{transform:scale(.87);opacity:0}to{transform:scale(1);opacity:1}}
    @media(min-width:880px) and (max-width:1320px){.page-top,.layout,.page-footer{margin-left:28px;margin-right:28px}.showcase{padding-left:34px;padding-right:34px}.checkout{padding-left:29px;padding-right:29px}.story-title{font-size:39px}.amount-total{font-size:33px}}
    @media(max-width:1040px) and (min-width:880px){.layout{gap:18px}.showcase{padding:35px 27px;min-height:845px}.checkout{padding:32px 25px 22px}.brand{width:230px;margin-bottom:38px}.story-title{font-size:35px}.story-copy{font-size:12px}.card-home{margin-top:36px}.card-tools{align-items:flex-start;gap:7px}.card-guide{font-size:10px}.guide-symbol{width:21px;height:21px}.flip-button{font-size:10px}.summary{margin-top:28px;gap:8px}.amount-total{font-size:29px}h1{font-size:30px}.stripe-section{padding:15px 12px}.method-surface{font-size:10px;gap:5px;padding:10px 8px}.demo-fill{gap:6px}.demo-fill>span{max-width:100px}}
    @media(max-width:879px){.page-top{padding:22px 24px 17px}.layout{grid-template-columns:minmax(0,1fr);max-width:620px;margin:0 auto;gap:18px;padding:0 20px}.showcase{position:relative;top:auto;padding:34px 36px 28px;min-height:0;overflow:visible}.showcase:before{display:none}.brand{width:250px;margin:0 auto 28px;max-width:72%}.desktop-story{display:none}.mobile-intro{display:block;text-align:center}.mobile-intro h2{font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:10px 0 0}.mobile-intro p{color:#b4c0ce;font-size:12px;line-height:1.5;margin:10px 0 0}.card-home{margin-top:30px}.card-stage{max-width:430px}.card-tools{max-width:430px;margin:20px auto 0}.summary{max-width:430px;margin:24px auto 0;padding:19px 0}.amount-total{font-size:34px}.reassurance{display:none}.showcase-bottom{justify-content:center;margin-top:20px}.checkout{padding:26px 30px 20px}.form-intro{margin-bottom:18px}.form-intro h1{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.form-intro p{font-size:12px}.form-kicker{margin-bottom:10px}.form-content{gap:19px}.page-footer{margin:20px 24px;text-align:center;display:block}.page-footer p+p{margin-top:5px}.mobile-card-dock.is-docked{display:flex;justify-content:center;position:sticky;top:8px;z-index:5;margin:0 -10px 0;padding:9px 10px 10px;border:1px solid #deddd9;border-radius:13px;background:#fbfaf7;box-shadow:0 6px 16px #10213612}.mobile-card-dock .card-stage{max-width:var(--mobile-card-width,242px);--rx:0deg;--ry:0deg;--rz:0deg}.mobile-card-dock .card-face{box-shadow:0 4px 9px #1021361a}.card-home.is-away{min-height:var(--card-home-height,245px)}.card-home.is-away:before{content:"La carte vous accompagne dans le formulaire ↓";position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-size:12px;line-height:1.5;color:#b5c2d1;border:1px dashed #b5c2d13b;border-radius:18px;padding:20px}.stripe-section{overflow:visible}.bank-inputs{position:relative;align-content:start}.result-panel{min-height:480px}}
    @media(max-width:480px){.page-top{padding:18px 17px 14px;font-size:9px;gap:9px}.page-top .breadcrumb{gap:7px}.page-top .rule{width:15px}.top-demo{font-size:8px;letter-spacing:.04em;gap:6px}.status-dot{width:5px;height:5px;box-shadow:0 0 0 3px #eae4d8}.layout{padding:0 12px;gap:12px}.showcase{border-radius:19px;padding:28px 23px 23px}.brand{width:225px;max-width:85%;margin-bottom:25px}.mobile-intro h2{font-size:29px}.mobile-intro .eyebrow{font-size:8px}.mobile-intro p{font-size:11px}.card-home{margin-top:26px}.card-tools{gap:6px;margin-top:18px}.card-guide{font-size:10px;gap:7px}.guide-symbol{width:22px;height:22px;font-size:9px}.flip-button{font-size:10px}.flip-button .icon{width:12px;height:12px}.summary{margin-top:20px;padding:18px 0;gap:10px}.summary-label{font-size:11px}.summary-subtitle{font-size:9px}.amount-total{font-size:30px}.showcase-bottom{font-size:9px;gap:6px;margin-top:18px}.checkout{padding:24px 20px 17px;border-radius:19px}.form-content{gap:19px}.form-intro{margin-bottom:20px}.form-intro p{font-size:11px}.form-kicker .eyebrow{font-size:8px}.provider{font-size:9px}.provider b{font-size:14px}.stripe-section{padding:16px 12px}.bank-heading{font-size:11px}.bank-heading .icon{width:14px;height:14px}.bank-note{font-size:8px}.stripe-section .field>label{font-size:11px}.stripe-section input:not([type="radio"]),.stripe-section select,input:not([type="radio"]),select{font-size:16px}.stripe-section input::placeholder{font-size:12px}.method-surface{gap:6px;font-size:10px;padding:10px 8px}.method-surface>.icon{width:16px;height:16px}.method-check{width:11px;height:11px}.field-row{gap:10px}.field-label{font-size:12px}.help-button{width:18px}.code-label{gap:3px}.demo-fill{font-size:9px;gap:9px}.demo-fill button{font-size:9px;gap:4px}.demo-controls summary{font-size:9px}.demo-warning{font-size:9px}.page-footer{font-size:9px;margin:17px 20px}.demo-controls-inner{font-size:10px}.result-panel h2{font-size:30px}.result-panel p{font-size:12px}}
    @media(max-width:359px){.page-top .rule{display:none}.top-demo{font-size:7px}.showcase{padding-left:18px;padding-right:18px}.checkout{padding-left:15px;padding-right:15px}.stripe-section{padding-left:10px;padding-right:10px}.method-surface{font-size:9px;gap:4px;padding:10px 6px}.method-check{margin-left:auto}.method-surface>.icon{width:14px;height:14px}.code-label{font-size:10px!important}.card-guide{font-size:9px}.flip-button{font-size:9px}.amount-total{font-size:27px}.demo-fill>span{max-width:100px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.card-tilt{transform:none}.spinner{border-top-color:#4f483b;border-right-color:#4f483b}}
    @media print{body{background:#fff}.page-top,.page-footer,.demo-controls,.demo-fill{display:none}.layout{display:block;max-width:600px}.showcase{position:relative;min-height:0;padding:20px;break-inside:avoid;print-color-adjust:exact}.desktop-story,.card-tools,.reassurance{display:none}.brand{margin-bottom:15px;width:200px}.card-home{width:300px;margin:15px auto}.checkout{margin-top:20px;break-inside:avoid}.summary{padding:10px 0;margin-top:15px}.showcase-bottom{margin-top:10px}.form-content{gap:12px}}
    @media(max-width:480px){.page-top .breadcrumb>span:first-child,.page-top .rule{display:none}.top-demo{font-size:9px}.page-top{font-size:9px}}
    /* Logos fournis : un seul visuel, proportions originales et centrage commun. */
    .page-footer{flex-wrap:wrap;row-gap:18px}
    .payment-logos{flex:0 0 100%;width:100%;display:flex;align-items:center;justify-content:center;padding:2px 0 6px}
    .payment-logos img{display:block;width:220px;max-width:70vw;height:auto;object-fit:contain;flex-shrink:0}
    @media(max-width:879px){.payment-logos{margin-top:16px}.payment-logos img{width:200px}}
  
/* Stripe hosts the sensitive inputs in isolated frames. */
.stripe-element{width:100%;min-width:0;height:46px;border:1px solid #dfe2e7;border-radius:9px;background:#fff;padding:13px;box-shadow:0 1px 2px #14223703;transition:box-shadow 180ms,border-color 180ms,background 180ms}
.stripe-element.StripeElement--focus{border-color:#a78b5d;box-shadow:0 0 0 3px #b49a6b22;background:#fffefa}
.stripe-element.StripeElement--invalid,.stripe-element[aria-invalid="true"]{border-color:#ba6064;background:#fffafb}
#demo-pan{padding-right:54px}.payment-notice{padding:10px 12px;border:1px solid #e4d8c1;border-radius:8px;background:#fbf7ee;font-size:11px;line-height:1.6;color:#705c3b;margin:18px 0 0}
.payment-notice:empty{display:none}.wallet-button{margin-top:12px;min-height:44px}.legal-links a{color:inherit;text-underline-offset:3px}.skip-link{position:absolute;left:12px;top:-80px;z-index:100;background:white;padding:12px;color:#142237}.skip-link:focus{top:12px}
@media(max-width:480px){.stripe-element{padding-top:12px;padding-bottom:12px}}