/* AssetBridge — marketing page. Dark navy by design, gold accents. */
body.landing{--bg:#0B1B2A;--card:#10263A;--line:#1E3A52;--txt:#DCE4EA;--muted:#9FB0BF;--ink:#F3EFE6;--soft:#13304A;--gold:#D9B65E;--gold-dk:#C9A14A;background:var(--bg);color:var(--txt);color-scheme:dark}
.landing a{color:var(--ink)}
.lhead{position:sticky;top:0;z-index:10;background:rgba(11,27,42,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lrow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.lnav{display:flex;gap:22px;font-size:14px}
.lnav a{text-decoration:none;color:var(--muted)}
.lnav a:hover{color:var(--ink)}
@media (max-width:820px){.lnav{display:none}}
.eyebrow{font:600 12px var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.landing h1{font-size:clamp(46px,8vw,92px);line-height:.98;color:var(--ink)}
.landing h2{font-size:clamp(30px,4.2vw,46px);line-height:1.08;color:var(--ink);margin-bottom:16px}
.landing h3{color:var(--ink);font-size:17px}
.landing p{max-width:68ch}
.btn.big{padding:14px 24px;font-size:15px}
.landing .btn.ghost{border-color:var(--line);color:var(--ink)}

.hero{padding-block:56px 64px}
.hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}
.hero-copy .lede{font-size:19px;color:var(--muted);margin:22px 0 28px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.promise{margin-top:22px;font:italic 500 22px var(--display);color:var(--gold)}
.hero-film{margin:0}
.hero-film video,.films video{width:100%;max-width:100%;aspect-ratio:16/9;display:block;border-radius:12px;border:1px solid var(--line);background:#05090E}
.hero-film figcaption,.films figcaption{font-size:13px;color:var(--muted);margin-top:10px}
.films figcaption b{color:var(--ink)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}

.band{background:var(--soft);border-block:1px solid var(--line);padding-block:56px}
.band p{font-size:18px;color:var(--txt)}
.section{padding-block:72px}
.section.alt{background:#0E2236}
.narrow{max-width:820px}
.center{text-align:center}.center p{margin-inline:auto}
.films{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px 0 14px}
.films figure{margin:0}
@media (max-width:820px){.films{grid-template-columns:1fr}}

.steps4{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.steps4 li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.steps4 .n{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:var(--gold);color:#1b1b1b;font-weight:700;margin-bottom:12px}
.steps4 p{font-size:14.5px;color:var(--muted);margin:6px 0 0}
@media (max-width:900px){.steps4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.steps4{grid-template-columns:1fr}}

.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.trust>div{border-top:2px solid var(--gold);padding-top:16px}
.trust p{font-size:14.5px;color:var(--muted);margin:6px 0 0}
@media (max-width:900px){.trust{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.trust{grid-template-columns:1fr}}

.two{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.two h2{font-size:clamp(26px,3.2vw,36px)}
@media (max-width:820px){.two{grid-template-columns:1fr}}
.ticks{list-style:none;padding:0;margin:0}
.ticks li{padding:8px 0 8px 28px;position:relative;color:var(--txt)}
.ticks li:before{content:"";position:absolute;left:0;top:15px;width:12px;height:12px;border-radius:2px;background:var(--gold)}

details{border-bottom:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font-weight:600;color:var(--ink);font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";color:var(--gold);font-size:22px;line-height:1}
details[open] summary:after{content:"–"}
details p{color:var(--muted);margin:10px 0 0}

.joinbox{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--card);border:1px solid var(--gold);border-radius:18px;padding:36px}
.joinbox input{background:var(--bg);color:var(--txt);border-color:var(--line)}
.joinbox label{color:var(--ink)}
@media (max-width:820px){.joinbox{grid-template-columns:1fr;padding:24px}}
.lfoot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);color:var(--muted)}
.lfoot a{color:var(--muted)}
@media (prefers-reduced-motion: reduce){.hero-film video{animation:none}}
.landing a.btn{text-decoration:none}
.landing a.btn.gold{color:#1b1b1b}
.landing a.btn.ghost{color:var(--ink)}

.umenu{position:relative}
.umenu summary{list-style:none;cursor:pointer}
.umenu summary::-webkit-details-marker{display:none}
.umenu summary:after{content:" ▾";font-size:12px}
.umenu-list{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 12px 30px rgba(0,0,0,.35);display:flex;flex-direction:column;z-index:20}
.umenu-list a,.umenu-list button{display:block;text-align:left;padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font:500 14px var(--body);background:none;border:0;cursor:pointer}
.umenu-list a:hover,.umenu-list button:hover,.umenu-list a:focus-visible,.umenu-list button:focus-visible{background:var(--soft);outline:none}
.umenu-list b{color:var(--gold)}
.umenu-list hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.umenu-who{margin:4px 12px 8px;font-size:12px;color:var(--muted)}
