:root{--gold:#9d915d;--gold2:#71673c;--gold3:#d8d0aa;--ivory:#f5f3ed;--black:#111;--line:#dedbd2}.ayra-front,.ayra-front *{box-sizing:border-box}.ayra-front{padding:clamp(20px,4vw,60px);background:var(--ivory);color:#111;font-family:Arial,sans-serif}.ayra-front__shell{width:min(1120px,100%);margin:auto}.ayra-front__hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:20px;padding:clamp(25px,4vw,42px);background:linear-gradient(135deg,#0d0d0d,#222);color:#fff}.ayra-front .eyebrow{margin:0 0 8px;color:var(--gold3);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.ayra-front h1{margin:0 0 10px;font-size:clamp(38px,6vw,68px);font-weight:500}.code-card{min-width:230px;padding:20px;border:1px solid var(--gold)}.code-card span,.code-card strong{display:block}.code-card strong{margin:8px 0 15px;font-size:25px}.code-card button{width:100%;padding:11px;border:1px solid var(--gold);background:var(--gold);font-weight:700}.ayra-front__grid{display:grid;grid-template-columns:1.5fr .75fr;gap:18px;margin-bottom:18px}.front-panel,.front-stats{border:1px solid var(--line);background:#fff}.front-panel{padding:28px}.front-head{display:flex;justify-content:space-between}.front-head span{color:var(--gold2);font-size:10px;font-weight:800;text-transform:uppercase}.front-head h2,.front-panel h2{margin:5px 0 0;font-size:32px;font-weight:500}.front-head b{align-self:flex-start;padding:8px 11px;border:1px solid var(--gold);background:#111;color:var(--gold3);font-size:10px}.front-progress-copy{display:flex;justify-content:space-between;margin:30px 0 10px;color:#777;font-size:12px}.front-progress{height:15px;overflow:hidden;border:1px solid rgba(157,145,93,.35);background:var(--ivory)}.front-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--gold2),var(--gold),var(--gold3));transition:width .9s ease}.front-stats{display:grid;grid-template-columns:repeat(2,1fr)}.front-stats div{min-height:130px;padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.front-stats span,.front-stats strong{display:block}.front-stats strong{margin-top:14px;font-size:36px}.front-table{overflow-x:auto;margin-top:20px}.front-table table{width:100%;min-width:760px;border-collapse:collapse}.front-table th,.front-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}.front-table th{background:var(--ivory);color:var(--gold2);font-size:10px;text-transform:uppercase}@media(max-width:850px){.ayra-front__hero,.ayra-front__grid{grid-template-columns:1fr}}
