/* RAYYAF homepage v3 (15 Nov 2026) - namespace hm- */
.hm-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.hm-hero{background:#171B1C;color:#F5F2EB;padding:132px 0 84px;position:relative;overflow:hidden}
.hm-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% 10%,rgba(205,185,143,.16),transparent 60%),linear-gradient(#171B1C,#171B1C);pointer-events:none}
.hm-hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;position:relative}
.hm-kicker{font:500 15px/1.4 var(--f-body);color:#CDB98F;margin:0 0 20px}
.hm-hero h1{font:400 clamp(40px,5.4vw,68px)/1.04 var(--f-display);letter-spacing:-.01em;margin:0 0 22px;color:#F5F2EB}
.hm-sub{font:400 19px/1.6 var(--f-body);color:#C9CCC6;margin:0 0 30px;max-width:34em}
.hm-btns{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:3px;font:600 16px/1 var(--f-body);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.hm-btn.gold{background:#CDB98F;color:#171B1C}.hm-btn.gold:hover{background:#E0CFA6}
.hm-btn.ghost{border:1px solid #5b6560;color:#F5F2EB}.hm-btn.ghost:hover{border-color:#CDB98F;color:#CDB98F}
.hm-link{color:#CDB98F;text-decoration:underline;text-underline-offset:4px;font:500 16px var(--f-body);margin-left:6px}
.hm-trust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;padding:0;margin:34px 0 0;color:#A9AEA7;font:400 14.5px var(--f-body)}
.hm-trust li:before{content:"";display:inline-block;width:7px;height:7px;background:#CDB98F;margin-right:9px;transform:translateY(-1px)}
.hm-board{background:#1F2425;border:1px solid #333A39;border-radius:6px;padding:20px 20px 18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.hm-bh{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.hm-bh b{font:600 15px var(--f-body);color:#F5F2EB}
.hm-seg{display:flex;border:1px solid #3a4241;border-radius:4px;overflow:hidden}
.hm-seg button{background:transparent;color:#B9BDB6;border:0;padding:9px 13px;font:500 13.5px var(--f-body);cursor:pointer;min-height:40px}
.hm-seg button+button{border-left:1px solid #3a4241}
.hm-seg button[aria-pressed=true]{background:#CDB98F;color:#171B1C;font-weight:600}
.hm-seg button:focus-visible{outline:2px solid #CDB98F;outline-offset:-2px}
.hm-rows{position:relative}
.hm-row{display:grid;grid-template-columns:112px 1fr;align-items:center;height:42px;border-top:1px solid #2a3130}
.hm-row>span{font:400 13px var(--f-body);color:#B9BDB6;padding-right:8px}
.hm-track{position:relative;height:100%}
.hm-bar{position:absolute;top:10px;height:22px;border-radius:2px;background:#52645C;transition:left .7s cubic-bezier(.2,.7,.2,1),width .7s cubic-bezier(.2,.7,.2,1)}
.hm-bar.c{background:#CDB98F}
.hm-tag{position:absolute;top:-9px;font:600 11.5px var(--f-body);background:#E0A458;color:#171B1C;padding:2px 7px;border-radius:2px;white-space:nowrap;opacity:0;transition:opacity .3s;z-index:2}
.hm-board[data-s="1"] .hm-tag{opacity:1}
.hm-axis{display:grid;grid-template-columns:112px 1fr;border-top:1px solid #2a3130;padding-top:6px}
.hm-axis div{position:relative;height:16px}
.hm-axis i{position:absolute;font:400 11.5px var(--f-body);color:#8A918A;font-style:normal;transform:translateX(-50%)}
.hm-fin{position:absolute;top:0;bottom:0;width:0;border-left:2px dashed #fff;opacity:.7;transition:left .7s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.hm-cap{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-top:14px;flex-wrap:wrap}
.hm-cap strong{font:400 22px var(--f-display);color:#F5F2EB}
.hm-cap p{margin:0;font:400 14px/1.5 var(--f-body);color:#B9BDB6;max-width:26em}
.hm-ill{margin:10px 0 0;font:400 12px var(--f-body);color:#7f867f}
/* sections */
.hm-sec{padding:92px 0}
.hm-sec.alt{background:#F2EFE8}
.hm-h2{font:400 clamp(30px,3.6vw,46px)/1.1 var(--f-display);margin:0 0 14px;color:#202522;letter-spacing:-.005em}
.hm-lead{font:400 18px/1.6 var(--f-body);color:#555A56;max-width:38em;margin:0 0 40px}
.hm-need{list-style:none;margin:0;padding:0;border-top:1px solid #D9D6CC}
.hm-need a{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:24px 8px;border-bottom:1px solid #D9D6CC;text-decoration:none;color:#202522;transition:background .2s,padding .2s}
.hm-need a:hover,.hm-need a:focus-visible{background:#202522;color:#F5F2EB;padding-left:24px;padding-right:24px}
.hm-need b{display:block;font:400 clamp(22px,2.6vw,32px)/1.2 var(--f-display)}
.hm-need small{display:block;margin-top:6px;font:400 15.5px/1.5 var(--f-body);color:#6a6f6a}
.hm-need a:hover small,.hm-need a:focus-visible small{color:#CDB98F}
.hm-need em{font:600 15px var(--f-body);font-style:normal;color:#6F5D3A;white-space:nowrap}
.hm-need a:hover em,.hm-need a:focus-visible em{color:#CDB98F}
.hm-all{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hm-all a{border:1px solid #CFCBBE;border-radius:40px;padding:11px 18px;font:500 15px var(--f-body);color:#202522;text-decoration:none;background:#fff;min-height:44px;display:inline-flex;align-items:center}
.hm-all a:hover{border-color:#A38C63;background:#FBF8F0}
.hm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;margin-top:10px}
.hm-steps div{padding:6px 26px 6px 0;border-top:3px solid #A38C63;position:relative}
.hm-steps div:before{counter-increment:s;content:counter(s);display:block;font:400 40px var(--f-display);color:#A38C63;margin:16px 0 8px}
.hm-steps h3{font:600 18px var(--f-body);margin:0 0 8px;color:#202522}
.hm-steps p{margin:0;font:400 15.5px/1.55 var(--f-body);color:#555A56}
.hm-free{background:#202522;color:#F5F2EB;padding:64px 0}
.hm-free .hm-wrap{display:flex;gap:40px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hm-free h2{font:400 clamp(26px,3vw,38px)/1.15 var(--f-display);margin:0 0 10px;max-width:20em}
.hm-free p{margin:0;font:400 17px/1.6 var(--f-body);color:#C9CCC6;max-width:34em}
.hm-quick{background:#fff;border:1px solid #D9D6CC;border-radius:6px;padding:30px;display:grid;grid-template-columns:1.1fr 1fr;gap:34px;align-items:center}
.hm-quick label{display:block;font:600 14.5px var(--f-body);margin-bottom:8px;color:#202522}
.hm-quick select{width:100%;min-height:52px;padding:0 14px;border:1px solid #bdb9ab;border-radius:3px;font:400 16px var(--f-body);background:#fff;color:#202522}
.hm-quick .hm-btn{width:100%;margin-top:14px}
.hm-quick ul{list-style:none;margin:0;padding:0;font:400 16px/1.9 var(--f-body);color:#3d423e}
.hm-quick a.m{color:#6F5D3A;font-weight:600}
@media(max-width:900px){.hm-hero{padding:104px 0 56px}.hm-hero-grid{grid-template-columns:1fr;gap:36px}.hm-steps{grid-template-columns:1fr 1fr;row-gap:26px}.hm-quick{grid-template-columns:1fr}.hm-sec{padding:64px 0}.hm-need em{display:none}.hm-row{grid-template-columns:88px 1fr}.hm-axis{grid-template-columns:88px 1fr}}
@media(max-width:520px){.hm-steps{grid-template-columns:1fr}.hm-btn{width:100%}.hm-link{margin:6px 0 0}.hm-seg button{padding:9px 9px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.hm-bar,.hm-fin,.hm-tag{transition:none}}

.hm-hero h1,.hm-h2,.hm-free h2{text-wrap:balance}