/* MA40 refer + roadmap */
.dtag{position:absolute;top:16px;inset-inline-end:16px;font-size:13px;font-weight:800;padding:3px 12px;border-radius:99px;background:#1C1C2A;color:var(--mu)}
.rf-card .top{padding-inline-end:70px}
.rm-kpi{padding-top:58px!important}
.rm-c.rm-g{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;background:repeating-linear-gradient(135deg,#0E0E14 0 14px,#101018 14px 28px);border-style:dashed;border-color:#2A2A40}
.rm-g .gi{position:absolute;top:16px;inset-inline-end:16px;color:#3A3A55}.rm-g .gi svg{width:34px;height:34px}
.rm-g .st{position:absolute;top:14px;inset-inline-start:14px}
.rm-now .rm-cs{grid-template-columns:1fr}
.rm-big{display:grid!important;grid-template-columns:1.1fr 1fr}
.rm-big .ph{aspect-ratio:auto!important;min-height:220px}
.rm-big .bd{padding:22px 24px!important;display:flex;flex-direction:column;gap:6px}
.rm-big .bd b{font-size:26px!important}
.rm-big .fx{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}
.rm-big .fx li{background:#14141B;border:1px solid var(--bd);border-radius:12px;padding:10px 6px;text-align:center}
.rm-big .fx b{font-size:22px!important;color:var(--g)}
.rm-big .fx small{font-size:13px!important}
.rm-big .go{color:var(--y);font-weight:800;margin-top:auto}
.rf-hero,.rm-hero{position:relative;padding:48px 0 64px;overflow:hidden;background:radial-gradient(820px 380px at 85% 0,rgba(255,209,0,.09),transparent 70%),radial-gradient(600px 300px at 10% 100%,rgba(43,212,125,.07),transparent 70%)}
.rf-hero:after,.rm-hero:after{content:"";position:absolute;inset-inline:0;bottom:0;height:8px;background:var(--haz)}
.rf-hero .wrap,.rm-hero .wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.rf-hero h1,.rm-hero h1{font-size:56px;line-height:1.15;margin:14px 0 18px}
.rf-hero em,.rm-hero em{font-style:normal;color:var(--y)}
.rf-hero .lead,.rm-hero .lead{font-size:19px;color:var(--mu);max-width:560px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.demo-tag{position:absolute;top:14px;inset-inline-end:14px;font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;background:rgba(8,8,12,.75);border:1px solid var(--bd2);color:var(--mu);z-index:2}
.rf-card,.rm-kpi{position:relative;background:linear-gradient(180deg,#14141B,#0F0F12);border:1px solid var(--bd2);border-radius:24px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.rf-card .top{display:flex;align-items:center;gap:16px}
.rf-card .av{width:56px;height:56px;border-radius:16px;background:rgba(255,209,0,.12);color:var(--y);display:grid;place-items:center;flex:none}
.rf-card .av svg{width:28px;height:28px}
.rf-card small{color:var(--fa);font-size:14px;display:block}
.rf-card #rf-code{white-space:nowrap;font-size:32px;letter-spacing:.06em;color:var(--tx);display:block;line-height:1.3}
.rf-card .acts{display:grid;grid-template-columns:1.3fr 1fr;gap:10px;margin:22px 0}
.rf-card .acts .btn{height:56px;padding:0 16px;font-size:16px}
.rf-card .acts svg{width:20px;height:20px}
#rf-copy{background:transparent;color:var(--y);border:2px solid var(--y)}#rf-copy:hover{background:rgba(255,209,0,.1)}#rf-copy.ok{background:var(--g);color:#08080C;border-color:var(--g)}
.rf-card .prog{border-top:1px solid var(--bd);padding-top:18px}
.rf-card .ln{display:flex;justify-content:space-between;font-size:15px;color:var(--mu)}
.rf-card .ln b{color:var(--tx);font-size:17px}
.bar{display:block;height:10px;border-radius:99px;background:#1C1C2A;overflow:hidden;margin:10px 0 8px}
.bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--g),#7BE8AE)}
.rf-card .prog small{color:var(--g);font-weight:700}
.rf-card .earn{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.rf-card .earn div{background:#0B0B10;border:1px solid var(--bd);border-radius:14px;padding:12px;text-align:center}
.rf-card .earn b{font-size:24px;display:block;color:var(--y);line-height:1.3}
.rf-sec,.rm-sec{padding:52px 0}
.rf-sec h2,.rm-sec h2{font-size:38px;line-height:1.25;margin:10px 0 14px}
.mu{color:var(--mu)}
.rf-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.rf-steps li{min-height:0;position:relative;background:#0F0F12;border:1px solid var(--bd);border-radius:20px;padding:26px 24px 24px;display:flex;flex-direction:column;gap:8px}
.rf-steps li .n{position:absolute;top:18px;inset-inline-end:20px;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:900;color:var(--y);background:rgba(255,209,0,.1);line-height:1}
.rf-steps li svg{width:30px;height:30px;color:var(--y)}
.rf-steps li b{font-size:21px}
.rf-steps li small{color:var(--mu);font-size:16px;line-height:1.6}
.rf-two{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:stretch}
.rf-ladder{list-style:none;margin:24px 0 10px;position:relative}
.rf-ladder:before{content:"";position:absolute;inset-inline-start:27px;top:28px;bottom:28px;width:2px;background:#24243A}
.rf-t{position:relative;display:flex;align-items:center;gap:16px;padding:14px 0}
.rf-t .dot{width:56px;height:56px;border-radius:50%;background:#0F0F12;border:2px solid #2A2A40;display:grid;place-items:center;flex:none;font-size:20px;z-index:1}
.rf-t.done .dot{background:var(--g);border-color:var(--g);color:#08080C}
.rf-t.done .dot svg{width:26px;height:26px}
.rf-t.now .dot{border-color:var(--y);color:var(--y);box-shadow:0 0 0 6px rgba(255,209,0,.12)}
.rf-t div{flex:1}
.rf-t small{display:block;color:var(--fa);font-size:14px}
.rf-t b{font-size:19px;line-height:1.5}
.rf-t small{font-size:15px!important;color:var(--mu)!important}
.rf-t .xp{display:inline-block;margin-inline-start:8px;font-weight:800;color:var(--g);background:var(--gs);border-radius:99px;padding:1px 10px;font-size:13px;white-space:nowrap}
.sc-note{color:#A4A4B8;font-size:15px;margin-top:10px}
.rf-rules,.rm-form,.rm-poll{position:relative;background:#0F0F12;border:1px solid var(--bd);border-radius:22px;padding:28px}
.rf-rules h3,.rm-form h3{font-size:24px;margin:8px 0 14px}
.rf-rules ul{list-style:none;display:grid;gap:12px;margin-bottom:18px}
.rf-rules li{display:flex;gap:12px;align-items:flex-start;color:var(--mu);font-size:16px}
.rf-rules li svg{width:22px;height:22px;color:var(--y);flex:none;margin-top:3px}
.rf-faq details{border-top:1px solid var(--bd);padding:14px 0}
.rf-faq summary{cursor:pointer;font-weight:700;font-size:17px;min-height:28px}
.rf-faq p{color:var(--mu);margin-top:8px;font-size:16px}
.rf-rules>.btn{margin-top:8px}
.ev-host{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#0F0F12;border:1px solid var(--bd);border-radius:24px;padding:36px 40px;overflow:hidden}
.ev-host .hzb{position:absolute;inset-block:0;inset-inline-start:0;width:10px;background:var(--haz)}
.ev-host h2{font-size:30px;margin:8px 0 6px}
.ev-host p{color:var(--mu)}
.ev-host .btn{flex:none}
.rm-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.rm-kpi div{background:#0B0B10;border:1px solid var(--bd);border-radius:16px;padding:22px 12px;text-align:center}
.rm-kpi b{display:block;font-size:46px;line-height:1.1;color:var(--y)}
.rm-kpi div:first-of-type b{color:var(--g)}
.rm-kpi small{color:var(--mu);font-size:15px}
.rm-kpi p{grid-column:1/-1;color:var(--fa);font-size:14px;margin-top:4px}
.rm-tl{list-style:none;margin-top:30px;display:grid;gap:22px}
.rm-s{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start;background:#0F0F12;border:1px solid var(--bd);border-radius:22px;padding:22px}
.rm-s .hd{display:flex;gap:14px;align-items:center;padding-top:6px}
.rm-s .pin{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#18181F;color:var(--fa);flex:none}
.rm-s .pin svg{width:26px;height:26px}
.rm-now{border-color:rgba(43,212,125,.45);box-shadow:0 0 0 1px rgba(43,212,125,.15),0 0 40px rgba(43,212,125,.08)}
.rm-now .pin{background:var(--g);color:#08080C}
.rm-next .pin{background:rgba(255,209,0,.14);color:var(--y)}
.rm-s .hd b{display:block;font-size:22px;line-height:1.3}
.rm-s .hd small{color:var(--mu);font-size:15px}
.rm-cs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rm-c{display:block;background:#0B0B10;border:1px solid var(--bd);border-radius:16px;overflow:hidden;transition:.2s}
a.rm-c:hover{border-color:var(--y)}
.rm-c .ph{position:relative;aspect-ratio:16/9;overflow:hidden}
.rm-c img{width:100%;height:100%;object-fit:cover}
.rm-gcc .rm-c img{filter:saturate(.75) brightness(.92)}
.rm-c .st{position:absolute;top:10px;inset-inline-start:10px;font-size:13px;font-weight:800;padding:3px 10px;border-radius:99px}
.st-now{background:var(--g);color:#08080C}.st-next{background:var(--y);color:#08080C}.st-gcc{background:rgba(8,8,12,.8);color:var(--tx);border:1px solid var(--bd2)}
.rm-c .bd{padding:12px 14px}
.rm-c .bd b{display:block;font-size:19px}
.rm-c .bd small{color:var(--mu);font-size:14px}
.rm-bars{list-style:none;display:grid;gap:14px;margin-top:20px}
.rm-bars li{display:grid;grid-template-columns:90px 1fr 52px;gap:12px;align-items:center}
.rm-bars .nm{font-weight:700}
.rm-bars .bar{margin:0;height:14px}
.rm-bars li:first-child .bar i{background:linear-gradient(90deg,var(--y),#FFE36B)}
.rm-bars b{text-align:end}
.rm-form label{display:block;font-size:15px;color:var(--mu);margin-bottom:14px}
.rm-form select,.rm-form input{display:block;width:100%;height:56px;margin-top:6px;background:#0B0B10;border:1px solid var(--bd2);border-radius:14px;color:var(--tx);font:inherit;padding:0 16px}
.rm-form select:focus,.rm-form input:focus{outline:2px solid var(--y);border-color:transparent}
.rm-form .btn{width:100%;margin-top:6px}
.rm-form small{display:block;color:var(--fa);font-size:13px;margin-top:10px}
.rm-form .ok{display:none;align-items:center;gap:8px;color:var(--g);font-weight:700;margin-top:12px}
.rm-form .ok svg{width:20px;height:20px}
.rm-form.sent .ok{display:flex}
@media(max-width:900px){
 .rf-hero .wrap,.rm-hero .wrap,.rf-two{grid-template-columns:minmax(0,1fr);gap:32px}
 .rf-card .top{padding-inline-end:0;margin-top:22px}
 .rf-card{padding-top:30px!important}
 .rf-hero h1,.rm-hero h1{font-size:38px}
 .rf-sec h2,.rm-sec h2{font-size:28px}
 .rf-sec,.rm-sec{padding:40px 0}
 .rf-steps{grid-template-columns:1fr}
 .rf-card{padding:22px}
 .rf-card #rf-code{font-size:23px;letter-spacing:.03em}
 .rf-card .earn small{font-size:13px;line-height:1.4;display:block}
 .rm-kpi{grid-template-columns:1fr}.rm-kpi div{display:flex;align-items:center;gap:14px;text-align:start;padding:12px 16px}
 .rm-big{grid-template-columns:1fr}.rm-big .fx{grid-template-columns:repeat(2,1fr)}
 .rm-next .rm-cs,.rm-gcc .rm-cs{grid-template-columns:1fr 1fr;gap:10px}
 .rm-next .rm-c:first-child,.rm-gcc .rm-c:first-child{grid-column:1/-1}
 .rm-c .bd{padding:10px 12px}.rm-c .bd b{font-size:17px}
 .rm-big .ph{min-height:180px}.rm-big .fx{grid-template-columns:repeat(4,1fr);gap:6px}.rm-big .fx li{padding:8px 2px}.rm-big .fx b{font-size:18px!important}.rm-big .fx small{font-size:12px!important;line-height:1.3;display:block}
 .rm-form{padding-top:52px}
 .rm-s{grid-template-columns:1fr;gap:16px;padding:18px}
 .rm-cs{grid-template-columns:1fr 1fr}
 .rm-now .rm-cs{grid-template-columns:1fr}
 .rm-kpi{padding:22px}.rm-kpi b{font-size:36px}
 .ev-host{flex-direction:column;align-items:flex-start;padding:28px 24px 28px 30px}
 .ev-host .btn{width:100%}
}
@media(max-width:420px){.rf-card .acts{grid-template-columns:1fr}}