.nav .nav-cta{gap:16px}
.of-seats{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#9A5A12}
.of-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:24px;font-size:15px;color:var(--ink-2)}
.of-price s{color:var(--ink-3)}
.of-price b{color:var(--ink);font-size:18px;font-weight:600}
.of-price span{font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--positive-tint);color:var(--positive)}
/* hero roas card */
.rs{padding:6px 20px 10px}
.rr{padding:14px 0;border-bottom:1px solid var(--line)}
.rr:last-child{border-bottom:0}
.rr-h{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center}
.st.no{background:var(--negative-tint);color:var(--negative)}
.rr-b{position:relative;height:8px;border-radius:4px;background:var(--surface-soft);margin:12px 0 18px 46px}
.rr-b i{position:absolute;left:0;top:0;bottom:0;border-radius:4px;width:0;transition:width .9s var(--ease)}
.rr-b em{position:absolute;top:-5px;bottom:-5px;border-left:2px solid var(--ink);font-style:normal}
.rr-b em span{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:3px;font-size:11px;color:var(--ink-2);white-space:nowrap}
.rr-b em span:before{content:"break-even "}
.rs-ins{display:flex;gap:12px;align-items:flex-start;padding:14px 20px;border-top:1px solid var(--line);font-size:14px;line-height:1.45}
.rs-ins p{margin:0}
/* strip */
.of-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#FCF1E4}
.of-strip .w{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;font-size:15px;color:var(--ink)}
.of-strip .w>span{display:inline-flex;align-items:center;gap:8px}
.of-strip .sep{width:4px;height:4px;border-radius:50%;background:#D9B98F}
/* timeline */
.tj{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.tj-track{position:absolute;left:10%;right:10%;top:15px;height:3px;border-radius:2px;background:var(--border)}
.tj-track i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:2px;background:var(--accent);transition:width 1.8s var(--ease)}
.tj-s{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.tj-d{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid var(--border);margin-bottom:12px;position:relative;z-index:1;transition:border-color .3s,background .3s}
.tj-s.on .tj-d{border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 5px var(--accent-tint)}
.tj-s.end .tj-d{border-color:var(--ink)}
.tj-s.end.on .tj-d{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 5px rgba(21,24,29,.1)}
.tj time{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.tj-s.end time{color:var(--ink)}
.tj h3{font-size:19px;letter-spacing:-.025em;line-height:1.2}
.tj p{font-size:14.5px;color:var(--ink-2);max-width:220px}
/* value stack */
.vs-l{list-style:none;margin:0;padding:6px 20px}
.vs-l li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:14px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line)}
.vs-l li:last-child{border-bottom:0}
.vs-l .tick{margin-top:2px}
.vs-l b{display:block;font-size:15px;font-weight:500}.vs-l small{display:block;font-size:13px;color:var(--ink-3)}
.vs-p{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 20px;border-top:1px solid var(--line);background:var(--surface-sunken)}
.vs-p small{display:block;font-size:12.5px;color:var(--ink-3)}
.vs-p s{font-size:16px;color:var(--ink-3)}
.vs-y{text-align:right}
.vs-y b{font-size:32px;font-weight:600;letter-spacing:-.04em;line-height:1.1}
.vs-y b span{font-size:14px;font-weight:400;color:var(--ink-2);letter-spacing:0}
.vs .pc-sc{border-bottom:0}
/* certainty */
.of-zk{color:var(--ink);font-size:inherit;gap:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--border);border-radius:18px;overflow:hidden}
.of-zk div{padding:24px;text-align:center;display:flex;flex-direction:column;gap:2px}
.of-zk div+div{border-left:1px solid var(--line)}
.of-zk b{font-size:22px;font-weight:600;letter-spacing:-.03em}
.of-zk small{font-size:14px;color:var(--ink-2)}
.of-q{max-width:760px;margin:56px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.of-q p{font-size:clamp(22px,2.6vw,30px);line-height:1.3;letter-spacing:-.025em;text-wrap:balance;margin:0}
@media (max-width:980px){
.tj{grid-template-columns:minmax(0,1fr);gap:0;max-width:480px;margin:0 auto}
.tj-track{left:15px;right:auto;top:16px;bottom:16px;width:3px;height:auto}
.tj-track i{width:100%!important;height:0;transition:height 1.8s var(--ease)}
.tj.go .tj-track i{height:100%}
.tj-s{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:18px;text-align:left;align-items:start;padding-bottom:26px}
.tj-d{grid-row:span 3;margin:0}
.tj p{max-width:none}
.of-seats{display:none}
}
@media (max-width:620px){
.of-zk{grid-template-columns:minmax(0,1fr)}.of-zk div+div{border-left:0;border-top:1px solid var(--line)}
.of-strip .sep{display:none}.of-strip .w{gap:8px 16px;font-size:14px}
.vs-p{flex-direction:column;align-items:flex-start}.vs-y{text-align:left}
}