/* NEOM page style "home": rules this page type adds to base.css (generated by build/theme_css.py) */
html{overflow-x:clip}
.ab-copy .lead,.bf-hero-copy .lead{margin-top:26px}
.mz-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.66);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:5px 11px;margin-bottom:12px}
.mz-chip i{width:6px;height:6px;border-radius:50%;background:var(--green-bright)}
.m-feature-v5{display:grid;grid-template-columns:1.03fr .97fr;gap:14px;align-items:stretch;width:100%;height:100%}
.mz-left{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px 16px 13px;display:flex;flex-direction:column;min-width:0}
.mz-term{margin:0 0 12px}
.mz-term svg{width:clamp(136px,11vw,164px);height:auto;display:block}
.mz-v{font-family:var(--mono);font-weight:600;font-size:clamp(44px,3.6vw,64px);line-height:.95;letter-spacing:-.045em;color:var(--green-bright)}
.mz-l{color:#fff;font-weight:600;font-size:14.5px;margin-top:8px}
.mz-s{color:var(--on-dark-muted);font-size:13px;line-height:1.55;margin-top:4px}
.mz-strikes{margin-top:auto;padding-top:11px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}
.mzx{display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:12px;color:rgba(255,255,255,.42)}
.mzx s{text-decoration-color:rgba(255,255,255,.28)}
.mz-right{display:flex;flex-direction:column;gap:14px;min-width:0}
.mz-panel{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px}
.mz-kept{flex:1;display:flex;flex-direction:column}
.mzh{display:grid;grid-template-columns:1fr 70px 78px;column-gap:10px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--on-dark-muted);padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.09)}
.mzh span:nth-child(2),.mzh span:nth-child(3){text-align:right}
.mzr{display:grid;grid-template-columns:1fr 70px 78px;column-gap:10px;align-items:baseline;padding:5.5px 0;border-bottom:1px solid rgba(255,255,255,.06);font-family:var(--mono);font-size:12px}
.mzr:last-child{border-bottom:none;padding-bottom:2px}
.mzr .mo{color:rgba(255,255,255,.5)}
.mzr s{text-align:right;color:rgba(255,255,255,.38);text-decoration-color:rgba(255,255,255,.28)}
.mzr .z{text-align:right;color:var(--green-bright);font-weight:600}
.mz-panel .pl{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--on-dark-muted)}
.mz-panel .pv{font-family:var(--mono);font-size:clamp(24px,2vw,32px);font-weight:600;color:var(--green-bright);letter-spacing:-.02em;margin-top:4px}
.mz-chart{width:100%;flex:1;min-height:40px;margin-top:9px}
.mz-note{font-size:11px;color:var(--on-dark-muted);padding-top:8px}
@media (max-width:1080px){.m-feature-v5{grid-template-columns:1fr}.mz-kept{min-height:200px}}
.money-card{width:clamp(320px,24vw,372px);padding:24px 24px 22px;top:26px;right:0;z-index:3}
.notif-card{width:clamp(238px,18vw,268px);padding:15px 17px;top:30%;left:0;z-index:4;display:flex;gap:13px;align-items:center}
.spark-card{width:clamp(200px,15vw,224px);padding:17px;bottom:10px;left:9%;z-index:3}
.bs-arrow{position:relative;z-index:5;width:48px;height:48px;border-radius:50%;border:1px solid var(--line-2);background:var(--paper);display:grid;place-items:center;transition:.25s var(--ease)}
.bset-track{display:flex;--bgap:clamp(18px,1.6vw,26px);gap:var(--bgap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:56px;padding:40px 56px 100px;margin:-40px calc(50% - 50vw) -94px -56px;mask-image:linear-gradient(to right,transparent 0,transparent 56px,#000 56px);-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 56px,#000 56px);scrollbar-width:none;-ms-overflow-style:none}
.bset-card{scroll-snap-align:start;flex:0 0 max(320px,calc((min(var(--maxw),100vw) - 2*var(--gutter) - 2*var(--bgap))/3));background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-xl);padding:clamp(20px,1.7vw,28px);display:flex;flex-direction:column;transition:.35s var(--ease)}
@media (hover:none){.svcx-go{opacity:1;transform:none}}
a.svcx{-webkit-tap-highlight-color:transparent}
a.svcx{text-decoration:none;color:inherit}
.bf.dark{background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/14px 14px,linear-gradient(165deg,#0d1424,#090d16);border-color:rgba(255,255,255,.06)}
.cs-track.gliding,.bset-track.gliding{scroll-snap-type:none}
a.ml{color:inherit;text-decoration:none;transition:color .25s var(--ease)}
a.ml:hover{color:var(--green-600)}
.cs-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:56px;padding:40px 56px 100px;margin:-40px calc(50% - 50vw) -92px -56px;mask-image:linear-gradient(to right,transparent 0,transparent 56px,#000 56px);-webkit-mask-image:linear-gradient(to right,transparent 0,transparent 56px,#000 56px);scrollbar-width:none;-ms-overflow-style:none}
.cs-card{scroll-snap-align:start;flex:0 0 max(300px,calc((min(var(--maxw),100vw) - 2*var(--gutter) - 66px)/4));background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);overflow:hidden;transition:.35s var(--ease);cursor:pointer;display:flex;flex-direction:column}