:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17221f;background:#e9eee9;font-synthesis:none}*{box-sizing:border-box}body{min-height:100svh;margin:0;background:radial-gradient(circle at 84% 8%,rgba(178,213,188,.6),transparent 32rem),linear-gradient(145deg,#f4f5ee,#e7ede7 52%,#dfe8e2)}body:before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.22;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}main{position:relative;display:grid;grid-template-rows:auto 1fr auto;width:min(1120px,calc(100% - 48px));min-height:100svh;margin:auto}.brand,footer{display:flex;align-items:center;justify-content:space-between;min-height:76px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.brand a{color:inherit;font-weight:750;text-decoration:none}.brand a span{margin-left:.25rem;color:#66736f;font-weight:450}.mode{padding:.55rem .75rem;border:1px solid #9f7041;border-radius:999px;color:#714619;background:#fff4d9;font-weight:700}.shell{align-self:center;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(400px,1.28fr);overflow:hidden;min-height:610px;border:1px solid rgba(23,34,31,.16);border-radius:28px;background:#fafbf6db;box-shadow:0 28px 80px #1e372c1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.summary{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,5vw,72px);border-right:1px solid rgba(23,34,31,.12)}.eyebrow,.status{margin:0 0 1.5rem;color:#50705f;font-size:.72rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}h1{max-width:10ch;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.7rem,5vw,5.25rem);font-weight:400;letter-spacing:-.055em;line-height:.95}.message{max-width:33rem;margin:1.75rem 0 0;color:#45534f;font-size:1.05rem;line-height:1.6}.assurance{max-width:28rem;margin:auto 0 0;padding-top:3rem;color:#6a7773;font-size:.82rem;line-height:1.55}.stage{position:relative;display:grid;min-width:0;place-items:center;padding:clamp(24px,4vw,48px);background:#ffffff94}.status{position:absolute;top:28px;left:32px;margin:0}.indicator{display:flex;gap:8px}.indicator span{width:9px;height:9px;border-radius:50%;background:#496b59;animation:pulse 1.2s infinite ease-in-out}.indicator span:nth-child(2){animation-delay:.14s}.indicator span:nth-child(3){animation-delay:.28s}.checkout-frame{width:100%;min-width:312px;min-height:520px}.checkout-frame[hidden],body[data-state=payment] .indicator,body[data-state=completed] .indicator,body[data-state=cancelled] .indicator,body[data-state=error] .indicator{display:none}body[data-state=completed] .stage:after,body[data-state=cancelled] .stage:after,body[data-state=error] .stage:after{display:grid;width:72px;height:72px;place-items:center;border:1px solid currentColor;border-radius:50%;color:#38624c;content:"✓";font:2rem Georgia,serif}body[data-state=cancelled] .stage:after{color:#82633c;content:"×"}body[data-state=error] .stage:after{color:#8a4d45;content:"!"}footer{color:#66736f}noscript{display:block;padding:1rem;text-align:center}@keyframes pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@media(max-width:720px){main{width:min(100% - 24px,560px)}.brand{min-height:64px}.shell{grid-template-columns:1fr;min-height:0;border-radius:20px}.summary{min-height:330px;padding:34px 28px 30px;border-right:0;border-bottom:1px solid rgba(23,34,31,.12)}h1{max-width:12ch;font-size:clamp(2.55rem,13vw,4rem)}.message{margin-top:1.25rem}.assurance{margin-top:2.4rem;padding-top:0}.stage{min-height:220px;padding:48px 12px 18px}.status{top:20px;left:20px}.checkout-frame{min-width:286px}footer{min-height:70px;gap:16px}}@media(max-width:340px){main{width:100%}.shell{border-right:0;border-left:0;border-radius:0}.stage{padding-right:8px;padding-left:8px}}@media(prefers-reduced-motion:reduce){.indicator span{animation:none}}