.sys-hero .wrap{gap:26px}@media (width<=640px){.sys-hero .wrap{padding-top:28px}}.sys-hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.sys-hero-copy{gap:22px;min-width:0;display:grid}.sys-hero h1{font-size:clamp(34px,5.4vw,72px)}.sys-hero h1 .w{display:inline-block}.switch{gap:14px;margin-top:4px;display:grid}.names{flex-wrap:wrap;align-items:baseline;gap:4px 28px;display:flex}.name{cursor:pointer;font-family:var(--display);color:color-mix(in oklab, var(--fg) 26%, transparent);background:0 0;border:0;padding:4px 0;font-size:clamp(32px,3.6vw,48px);font-weight:700;line-height:1.25;transition:color .4s;position:relative}.name:hover{color:color-mix(in oklab, var(--fg) 60%, transparent)}.name[aria-selected=true]{color:var(--fg)}.name:after{content:"";inset-inline:0;background:var(--wing);transform-origin:100%;height:3px;transition:transform .6s var(--ease);border-radius:3px;position:absolute;bottom:-2px;transform:scaleX(0)}[dir=ltr] .name:after{transform-origin:0}.name[aria-selected=true]:after{transform:scaleX(1)}.switch.auto .name[aria-selected=true]:after{animation:5s linear forwards grow;transform:scaleX(0)}@keyframes grow{to{transform:scaleX(1)}}.said{min-height:64px}.say{animation:sayIn .6s var(--ease) both;flex-wrap:wrap;align-items:baseline;gap:6px 18px;display:flex}.say p{color:var(--muted);font-size:18px}.say a{gap:8px;font-weight:600;display:inline-flex}@keyframes sayIn{0%{opacity:0;transform:translateY(8px)}}.dallal{--acc:#dcb377}.madar{--acc:#35b8b3}.rawaj{--acc:#d9a441}.minwal{--acc:#e8bd5c}.fan{aspect-ratio:1/.9;position:relative}.fan-card{--s:var(--i);aspect-ratio:16/10;width:78%;top:calc(4% + var(--s) * 14%);z-index:var(--s);transform:rotate(calc((var(--s) - 1.5) * -3deg)) scale(calc(.88 + var(--s) * .04));filter:brightness(calc(.55 + var(--s) * .15));transition:top .9s var(--ease), inset-inline-start .9s var(--ease), transform .9s var(--ease), filter .9s;background:#111;border:1px solid #ffffff1a;border-radius:14px;position:absolute;inset-inline-start:calc(var(--s) * 8%);overflow:hidden;box-shadow:0 30px 70px #00000073}[dir=ltr] .fan-card{transform:rotate(calc((var(--s) - 1.5) * 3deg)) scale(calc(.88 + var(--s) * .04))}.fan-card img{object-fit:cover;object-position:top right;width:100%;height:100%;display:block}[dir=ltr] .fan-card img{object-position:top left}.picks{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:28px;display:flex}.picks .lead{font-family:var(--display);margin-inline-end:6px;font-size:clamp(22px,2.4vw,30px);font-weight:500}.pick{font-family:var(--display);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;min-height:48px;padding:10px 20px;font-size:clamp(16px,1.6vw,19px);transition:background .3s,color .3s,border-color .3s}.pick:hover{border-color:var(--muted)}.pick[aria-selected=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.answer{animation:sayIn .6s var(--ease) both;grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(24px,4vw,56px);display:grid}.a-shot{border:1px solid var(--line);aspect-ratio:16/10;background:#111;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px #00000059}.a-shot img{object-fit:cover;object-position:top right;width:100%;height:100%;display:block}[dir=ltr] .a-shot img{object-position:top left}.a-txt{justify-items:start;gap:16px;display:grid}.a-txt .pains-h{color:var(--muted);font-size:15px}.a-txt ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.a-txt li{font-family:var(--display);font-size:clamp(18px,1.7vw,22px);font-weight:300;line-height:1.55}.a-txt .verdict{color:var(--muted);margin-top:8px;font-size:17px}.a-txt .verdict b{font-family:var(--display);color:var(--fg);margin-inline-start:6px;font-size:30px}.proof-band{background:var(--bg-2);border-block:1px solid var(--line)}.proofs{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.proof{border-inline-start:1px solid var(--line);align-content:start;gap:10px;padding:28px 24px 8px;display:grid}.proof:first-child{border-inline-start:0;padding-inline-start:0}.proof b{font-family:var(--display);font-size:26px;font-weight:500}.proof p{font-size:clamp(17px,1.6vw,20px);line-height:1.7}.promises{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.promise{border-inline-start:1px solid var(--line);align-content:start;gap:10px;padding:26px 24px 8px;display:grid}.promise:first-child{border-inline-start:0;padding-inline-start:0}.promise .n{font-family:var(--mono);color:var(--accent-ink);font-size:13px}.promise h3{font-size:21px;font-weight:500}.promise p{color:var(--muted);font-size:15.5px}.faq-wrap{grid-template-columns:.7fr 1.3fr;align-items:start;gap:48px;display:grid}.faq-title{margin-top:14px;font-size:clamp(30px,4vw,52px);font-weight:500}@media (width<=1000px){.sys-hero-grid{grid-template-columns:1fr}.fan{aspect-ratio:1/.8;width:min(460px,100%);margin-inline:auto}.proofs{grid-template-columns:1fr}.proof,.proof:first-child{border-inline-start:0;border-bottom:1px solid var(--line);padding-inline:0;padding-bottom:26px}.answer{grid-template-columns:1fr}.promises{grid-template-columns:1fr 1fr}.promise:nth-child(odd){border-inline-start:0;padding-inline-start:0}.faq-wrap{grid-template-columns:1fr;gap:24px}}@media (width<=640px){.picks{scrollbar-width:none;flex-wrap:nowrap;margin-inline:-16px;padding-inline:16px;overflow-x:auto}.pick{white-space:nowrap;flex-shrink:0}.promises{grid-template-columns:1fr}.promise,.promise:first-child{border-inline-start:0;border-bottom:1px solid var(--line);padding-inline:0;padding-bottom:22px}}