:root{--color-black: #000000;--color-white: #ffffff;--color-gray-1: #f3f3f3;--color-gray-2: #dddddd;--color-gray-3: #666666;--color-gray-4: #333333;--color-green-1: #deedd1;--color-green-2: #a9ef3c;--color-green-3: #008500;--color-green-4: #0a2600;--color-blue-1: #d1edf0;--color-blue-2: #20deed;--color-blue-3: #0073dd;--color-blue-4: #001269;--color-purple-1: #e8e5ff;--color-purple-2: #8480ff;--color-purple-3: #615cd9;--color-purple-4: #2e057a;--color-yellow-1: #fff0cf;--color-yellow-2: #ffdd00;--color-yellow-3: #b55400;--color-yellow-4: #401c00;--color-red-1: #ffe0d9;--color-red-2: #ff4444;--color-red-3: #cc0000;--color-red-4: #520000;--color-pink-1: #ffdefc;--color-pink-2: #ff66ff;--color-pink-3: #c70073;--color-pink-4: #4f002e;--gradient-linear-dark-green: linear-gradient(to bottom, #000000 0%, #000000 40%, #001269 60%, #0073e5 80%, #a9ef3c 100%);--gradient-linear-dark-red: linear-gradient(to bottom, #000000 0%, #000000 40%, #2e057a 60%, #c70073 80%, #ff4444 100%);--gradient-linear-dark-pink: linear-gradient(to bottom, #000000 0%, #000000 40%, #001269 60%, #615cd9 80%, #ff66ff 100%);--gradient-linear-dark-yellow: linear-gradient(to bottom, #000000 0%, #000000 40%, #520000 60%, #b55500 80%, #ffdd00 100%);--gradient-linear-dark-blue: linear-gradient(to bottom, #000000 0%, #000000 40%, #2e057a 60%, #615cd9 80%, #20deed 100%);--gradient-linear-light-green: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #20deed 80%, #a9ef3c 100%);--gradient-linear-light-red: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ff66ff 80%, #ff4444 100%);--gradient-linear-light-pink: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #8480ff 80%, #ff66ff 100%);--gradient-linear-light-yellow: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #ffdd00 80%, #ff4444 100%);--gradient-linear-light-blue: linear-gradient(to bottom, #ffffff 0%, #ffffff 40%, #8480ff 80%, #20deed 100%);--gradient-linear-light-alt-green: linear-gradient(to bottom, #dddddd 0%, #dddddd 40%, #20deed 80%, #a9ef3c 100%);--gradient-linear-light-alt-red: linear-gradient(to bottom, #dddddd 0%, #dddddd 40%, #ff66ff 80%, #ff4444 100%);--gradient-linear-light-alt-pink: linear-gradient(to bottom, #dddddd 0%, #dddddd 40%, #8480ff 80%, #ff66ff 100%);--gradient-linear-light-alt-yellow: linear-gradient(to bottom, #dddddd 0%, #dddddd 40%, #ffdd00 80%, #ff4444 100%);--gradient-linear-light-alt-blue: linear-gradient(to bottom, #dddddd 0%, #dddddd 40%, #8480ff 80%, #20deed 100%);--gradient-contour-blue-green: radial-gradient(circle, #dddddd 0%, #a9ef3c 50%, #20deed 100%);--gradient-contour-purple-pink: radial-gradient(circle, #dddddd 0%, #ff66ff 50%, #8c5fff 100%);--gradient-contour-red-pink: radial-gradient(circle, #dddddd 0%, #ff66ff 50%, #ff4444 100%);--gradient-contour-red-yellow: radial-gradient(circle, #dddddd 0%, #ffdd00 50%, #ff4444 100%);--gradient-contour-purple-blue: radial-gradient(circle, #dddddd 0%, #20deed 50%, #8c5fff 100%);--font-family-exposure: "Exposure VAR", Georgia, "Times New Roman", serif;--font-family-gt-america: "GT America", -apple-system, "Helvetica Neue", Arial, sans-serif;--font-exposure-regular: "EXPO" -10;--font-exposure-bold: "EXPO" -50;--font-size-display: 64px;--line-height-display: 1.05;--font-size-h1: 40px;--line-height-h1: 1.1;--font-size-h2: 32px;--line-height-h2: 1.25;--font-size-h3: 24px;--line-height-h3: 1.25;--font-size-h4: 20px;--line-height-h4: 1.3;--font-size-prose: 16px;--line-height-prose: 1.5;--font-size-body-lg: 20px;--line-height-body-lg: 1.4;--font-size-body: 16px;--line-height-body: 1.5;--font-size-body-sm: 14px;--line-height-body-sm: 1.45;--font-size-caption: 12px;--line-height-caption: 1.4;--space-8: 8px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--grid-page-margin: 64px;--grid-gutter: 32px;--grid-column: 272px;--card-padding: 48px;--radius-default: 8px}.field-h2{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);font-size:var(--font-size-h2);line-height:var(--line-height-h2)}.field-h3{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.field-prose{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);font-size:var(--font-size-prose);line-height:var(--line-height-prose)}:root{--color-bg: var(--color-white);--color-surface: var(--color-gray-1);--color-surface-alt: var(--color-gray-2);--color-text: var(--color-gray-4);--color-text-strong: var(--color-black);--color-text-muted: var(--color-gray-3);--color-text-inverse: var(--color-white);--color-border: var(--color-gray-2);--color-border-strong: var(--color-gray-3);--color-link: var(--color-blue-3);--color-link-hover: var(--color-blue-4);--color-primary: var(--color-blue-3);--color-primary-hover: var(--color-blue-4);--color-primary-fg: var(--color-white);--color-focus: var(--color-blue-3);--color-disabled-bg: var(--color-gray-2);--color-disabled-fg: var(--color-gray-3);--gradient-hero: var(--gradient-linear-light-blue);color-scheme:light}.dark{--color-bg: var(--color-black);--color-surface: var(--color-gray-4);--color-surface-alt: var(--color-gray-3);--color-text: var(--color-gray-1);--color-text-strong: var(--color-white);--color-text-muted: var(--color-gray-2);--color-text-inverse: var(--color-black);--color-border: var(--color-gray-4);--color-border-strong: var(--color-gray-3);--color-link: var(--color-blue-2);--color-link-hover: var(--color-green-2);--color-primary: var(--color-blue-2);--color-primary-hover: var(--color-green-2);--color-primary-fg: var(--color-black);--color-focus: var(--color-blue-2);--color-disabled-bg: var(--color-gray-4);--color-disabled-fg: var(--color-gray-3);--gradient-hero: var(--gradient-linear-dark-blue);color-scheme:dark}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-gt-america);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);color:var(--color-text-strong);margin:0 0 .5em}a{color:var(--color-link);text-underline-offset:.15em}a:hover{color:var(--color-link-hover)}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus);border-radius:var(--radius-default)}.text-display{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-bold);font-size:clamp(2.5rem,5vw + 1rem,4rem);line-height:1.05}.text-h1{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);font-size:clamp(2rem,3vw + 1rem,2.5rem);line-height:1.1}.text-h2{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);font-size:2rem;line-height:1.25}.text-h3{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);font-size:1.5rem;line-height:1.25}.text-h4{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);font-size:1.25rem;line-height:1.3}.text-prose{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);font-size:1rem;line-height:1.5}.text-body-lg{font-family:var(--font-family-gt-america);font-size:1.25rem;line-height:1.4}.text-body{font-family:var(--font-family-gt-america);font-size:1rem;line-height:1.5}.text-body-sm{font-family:var(--font-family-gt-america);font-size:.875rem;line-height:1.45}.text-caption{font-family:var(--font-family-gt-america);font-size:.75rem;line-height:1.4}.font-exposure-regular{font-variation-settings:var(--font-exposure-regular)}.font-exposure-bold{font-variation-settings:var(--font-exposure-bold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-family-gt-america);font-size:1rem;line-height:1;padding:.75rem 1.5rem;border-radius:var(--radius-default);border:none;cursor:pointer;background-color:var(--color-primary);color:var(--color-primary-fg);transition:background-color .12s ease}.btn:hover{background-color:var(--color-primary-hover)}.btn:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-fg);cursor:not-allowed}.btn-outline{background-color:transparent;color:var(--color-text-strong);border:1px solid var(--color-border-strong)}.btn-outline:hover{background-color:var(--color-surface)}@font-face{font-family:Exposure VAR;src:url(/fonts/Exposure.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Exposure VAR;src:url(/fonts/Exposure-Italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:GT America;src:url(/fonts/GT-America-Standard-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GT America;src:url(/fonts/GT-America-Standard-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:GT America;src:url(/fonts/GT-America-Standard-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:GT America Mono;src:url(/fonts/GT-America-Mono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary: var(--color-green-3);--color-primary-hover: var(--color-green-4);--color-primary-fg: var(--color-white);--color-focus: var(--color-green-3);--font-family-gt-mono: "GT America Mono", ui-monospace, "SF Mono", Menlo, monospace}.mono{font-family:var(--font-family-gt-mono);font-variant-ligatures:none}*{box-sizing:border-box}body{min-height:100dvh}.page{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:var(--space-48) var(--space-16)}.card{width:100%;max-width:460px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-default);padding:clamp(var(--space-24),5vw,var(--space-48))}.brandmark{display:flex;align-items:center;margin-bottom:var(--space-32)}.brand-word{font-family:var(--font-family-exposure);font-variation-settings:"EXPO" -45;font-feature-settings:"liga" 1;font-variant-ligatures:common-ligatures;text-rendering:optimizeLegibility;font-size:1.5rem;line-height:1;letter-spacing:-.01em;color:var(--color-text-strong)}.product-image{width:100%;height:auto;border-radius:var(--radius-default);border:1px solid var(--color-border);margin-bottom:var(--space-24);display:block}.product-name{font-family:var(--font-family-exposure);font-variation-settings:"EXPO" -5;color:var(--color-text-strong);font-size:1.6rem;line-height:1.25;margin:0 0 var(--space-8)}.product-desc{font-family:var(--font-family-gt-america);color:var(--color-text-muted);margin:0 0 var(--space-24);font-size:1rem;line-height:1.5}.statement{font-family:var(--font-family-gt-america);color:var(--color-text);font-size:1.0625rem;line-height:1.6;margin:0}.headline{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);color:var(--color-text-strong);font-size:1.25rem;line-height:1.3;margin:0 0 var(--space-16)}.breakdown{list-style:none;margin:0 0 var(--space-24);padding:var(--space-16);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-default);font-family:var(--font-family-gt-america);font-size:.875rem;line-height:1.45}.breakdown li{display:flex;justify-content:space-between;gap:var(--space-16);padding:4px 0;color:var(--color-text-muted)}.breakdown li.emphasis{color:var(--color-text-strong);font-weight:700}.breakdown li .amt{white-space:nowrap}.field{margin-bottom:var(--space-16)}.field label{display:block;font-family:var(--font-family-gt-america);font-size:.75rem;font-weight:700;letter-spacing:.02em;color:var(--color-text-muted);margin-bottom:var(--space-8)}.field input{width:100%;font-family:var(--font-family-gt-america);font-size:1rem;color:var(--color-text);padding:.7rem .8rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-default);background:var(--color-bg);transition:box-shadow .12s ease,border-color .12s ease}.field input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 22%,transparent)}#payment-element{margin:var(--space-24) 0 var(--space-16)}button.pay{display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:100%;font-family:var(--font-family-gt-america);font-size:1rem;font-weight:700;line-height:1;color:var(--color-primary-fg);background:var(--color-primary);border:none;border-radius:var(--radius-default);padding:.9rem 1.5rem;cursor:pointer;transition:background-color .12s ease}button.pay:hover{background:var(--color-primary-hover)}button.pay:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-fg);cursor:progress}.message{font-family:var(--font-family-gt-america);font-size:.875rem;margin-top:var(--space-16);padding:.6rem .75rem;border-radius:var(--radius-default);display:none}.message.show{display:block}.message.error{color:var(--color-red-3);background:var(--color-red-1)}.message.info{color:var(--color-text-muted);background:var(--color-surface)}.legal{font-family:var(--font-family-gt-america);margin-top:var(--space-24);font-size:.75rem;color:var(--color-text-muted);text-align:center}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.15em;margin-right:.4em;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-emblem{width:56px;height:56px;border-radius:50%;margin:0 0 var(--space-24);display:grid;place-items:center;font-family:var(--font-family-gt-america);font-size:1.6rem;font-weight:700}.status-emblem.ok{background:var(--gradient-contour-blue-green);color:var(--color-black)}.status-emblem.wait{background:var(--color-surface-alt);color:var(--color-text)}.status-emblem.fail{background:var(--color-red-1);color:var(--color-red-3)}.status-title{font-family:var(--font-family-exposure);font-variation-settings:var(--font-exposure-regular);color:var(--color-text-strong);font-size:2rem;line-height:1.25;margin:0 0 var(--space-8)}.status-body{font-family:var(--font-family-gt-america);color:var(--color-text-muted);margin:0 0 var(--space-24)}.detail-row{display:flex;justify-content:space-between;gap:var(--space-16);padding:var(--space-8) 0;border-top:1px solid var(--color-border);font-family:var(--font-family-gt-america);font-size:.875rem}.detail-row .k{color:var(--color-text-muted)}.detail-row .ref{font-size:.82rem;text-align:right;word-break:break-all}a.back{color:var(--color-link);text-decoration:none;font-weight:700;font-family:var(--font-family-gt-america);font-size:.9rem}a.back:hover{text-decoration:underline;color:var(--color-link-hover)}
