.buy-gold-page{--hw-orange:#ff6b2c}.buy-gold-page .hw-steps{flex-direction:column;gap:14px;margin-top:8px;display:flex}.buy-gold-page .hw-step{background:var(--surface);border:1px solid var(--border);transition:background-color .22s var(--ease-out), border-color .22s var(--ease-out);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:30px 32px 32px;display:grid;position:relative;overflow:hidden}.buy-gold-page .hw-step__body{max-width:64ch}.buy-gold-page .hw-step h3{font-family:var(--font-sans);letter-spacing:-.015em;color:var(--fg);transition:color .22s var(--ease-out);margin:0 0 12px;font-size:22px;font-weight:600}.buy-gold-page .hw-step p{color:var(--fg-secondary);transition:color .22s var(--ease-out);margin:0;font-size:15.5px;line-height:1.65}.buy-gold-page .hw-step__body p+p{margin-top:12px}.buy-gold-page .hw-step__body strong{color:var(--fg);transition:color .22s var(--ease-out);font-weight:600}.buy-gold-page .hw-step.is-active .hw-step__body strong,.buy-gold-page .hw-steps:hover .hw-step:hover .hw-step__body strong{color:#fff}.buy-gold-page .hw-steps:hover .hw-step.is-active:not(:hover) .hw-step__body strong{color:var(--fg)}.buy-gold-page .hw-step__num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.04em;color:var(--border-strong);opacity:.45;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .22s var(--ease-out), opacity .22s var(--ease-out);font-size:clamp(54px,9vw,104px);font-weight:500;line-height:.78}.buy-gold-page .hw-step.is-active,.buy-gold-page .hw-steps:hover .hw-step:hover{background:var(--hw-orange);border-color:var(--hw-orange)}.buy-gold-page .hw-step.is-active h3,.buy-gold-page .hw-steps:hover .hw-step:hover h3{color:#fff}.buy-gold-page .hw-step.is-active p,.buy-gold-page .hw-steps:hover .hw-step:hover p{color:#ffffffe6}.buy-gold-page .hw-step.is-active .hw-step__num,.buy-gold-page .hw-steps:hover .hw-step:hover .hw-step__num{color:#fff;opacity:.24}.buy-gold-page .hw-steps:hover .hw-step.is-active:not(:hover){background:var(--surface);border-color:var(--border)}.buy-gold-page .hw-steps:hover .hw-step.is-active:not(:hover) h3{color:var(--fg)}.buy-gold-page .hw-steps:hover .hw-step.is-active:not(:hover) p{color:var(--fg-secondary)}.buy-gold-page .hw-steps:hover .hw-step.is-active:not(:hover) .hw-step__num{color:var(--border-strong);opacity:.45}@media (max-width:600px){.buy-gold-page .hw-step{gap:10px;padding:24px 22px 26px}.buy-gold-page .hw-step__num{align-self:start}}@media (prefers-reduced-motion:reduce){.buy-gold-page .hw-step,.buy-gold-page .hw-step h3,.buy-gold-page .hw-step p,.buy-gold-page .hw-step__num{transition:none}}.buy-gold-page .adv-grid{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.buy-gold-page .adv-cell{border-top:1px solid var(--border);border-left:1px solid var(--border);transition:background-color .18s var(--ease-out), border-color .18s var(--ease-out);padding:32px 30px 34px}.buy-gold-page .adv-cell .t-diff__num,.buy-gold-page .adv-cell .t-diff__icon,.buy-gold-page .adv-cell .t-diff__title,.buy-gold-page .adv-cell .t-diff__body{transition:color .18s var(--ease-out), background-color .18s var(--ease-out)}.buy-gold-page .adv-cell:nth-child(-n+3){border-top:0}.buy-gold-page .adv-cell:nth-child(3n+1){border-left:0}.buy-gold-page .adv-cell:hover{background:var(--hw-orange);border-color:var(--hw-orange)}.buy-gold-page .adv-cell:hover .t-diff__num{color:#ffffffd9}.buy-gold-page .adv-cell:hover .t-diff__icon{color:#fff;background:#ffffff2e}.buy-gold-page .adv-cell:hover .t-diff__title{color:#fff}.buy-gold-page .adv-cell:hover .t-diff__body{color:#ffffffeb}@media (max-width:980px){.buy-gold-page .adv-grid{grid-template-columns:1fr 1fr}.buy-gold-page .adv-cell:nth-child(-n+3){border-top:1px solid var(--border)}.buy-gold-page .adv-cell:nth-child(3n+1){border-left:1px solid var(--border)}.buy-gold-page .adv-cell:nth-child(-n+2){border-top:0}.buy-gold-page .adv-cell:nth-child(odd){border-left:0}}@media (max-width:600px){.buy-gold-page .adv-grid{grid-template-columns:1fr}.buy-gold-page .adv-cell{border-left:0!important;border-top:1px solid var(--border)!important}.buy-gold-page .adv-cell:first-child{border-top:0!important}}
