/* Royal frame and the calm form controls of the signup flow. Tokens only. */
.roc-frame{position:relative;border:1px solid var(--line,rgba(212,168,75,.3));border-radius:6px;
  background:var(--panel,rgba(16,21,29,.72))}
.roc-frame::before{content:"";position:absolute;inset:6px;border:1px solid var(--line2,rgba(212,168,75,.14));
  border-radius:3px;pointer-events:none}
.roc-corner{position:absolute;color:var(--accent,#d4a84b);line-height:0;pointer-events:none;opacity:.9}
.roc-corner.tl{top:3px;left:3px}
.roc-corner.tr{top:3px;right:3px;transform:scaleX(-1)}
.roc-corner.bl{bottom:3px;left:3px;transform:scaleY(-1)}
.roc-corner.br{bottom:3px;right:3px;transform:scale(-1,-1)}
.roc-medal{display:block;margin:0 auto 14px;filter:drop-shadow(0 0 18px rgb(var(--glow,212 168 75)/.28))}
.roc-flow{padding:46px 32px 30px}
.roc-flow h2,.roc-title{font:600 26px/1.15 var(--font-display,Georgia,"Times New Roman",serif);letter-spacing:.01em;
  text-align:center;margin:0 0 8px;color:var(--ink,#e8eaee)}
.roc-sub{text-align:center;color:var(--dim,#b4bcc8);font-size:15px;line-height:1.55;margin:0 auto 24px;max-width:30em}
.roc-rule{display:flex;align-items:center;gap:10px;margin:0 0 22px;color:var(--accent,#d4a84b)}
.roc-rule::before,.roc-rule::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,currentColor)}
.roc-rule::after{transform:scaleX(-1)}
.roc-rule i{width:5px;height:5px;transform:rotate(45deg);background:currentColor}
.roc-lbl{display:block;font:600 12px/1.3 var(--font-ui,inherit);letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent-2,#f0cd7e);margin:0 0 8px}
.roc-dd{position:relative;margin:0 0 20px}
.roc-dd-btn{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 14px;text-align:left;
  border:1px solid var(--line,rgba(212,168,75,.3));border-radius:10px;background:rgba(255,255,255,.03);
  color:var(--ink,#e8eaee);font:500 16px/1.3 var(--font-ui,inherit);cursor:pointer;
  transition:border-color .18s,box-shadow .18s,background .18s}
.roc-dd-btn:hover{border-color:var(--accent,#d4a84b)}
.roc-dd-btn:focus-visible,.roc-dd.open .roc-dd-btn{outline:none;border-color:var(--accent-2,#f0cd7e);
  box-shadow:0 0 0 3px rgb(var(--glow,212 168 75)/.28)}
.roc-dd-btn .ph{color:var(--faint,#8b93a1)}
.roc-dd-btn.has .ph{color:var(--ink,#e8eaee)}
.roc-dd-btn .ph{color:var(--accent,#d4a84b);display:grid;place-items:center;width:24px}
.roc-dd-btn .val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.roc-dd-btn .car{width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);transition:transform .2s;opacity:.8}
.roc-dd.open .car{transform:rotate(225deg)}
.roc-dd-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);max-height:min(320px,48vh);overflow:auto;
  margin:0;padding:6px;list-style:none;border:1px solid var(--line,rgba(212,168,75,.3));border-radius:12px;
  background:var(--bg,#0b0e13);box-shadow:0 22px 50px rgba(0,0,0,.55)}
.roc-dd-list{scrollbar-color:rgba(212,168,75,.45) transparent;color-scheme:dark}
.roc-dd-list[hidden]{display:none}
.roc-dd-opt{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:8px;cursor:pointer;
  color:var(--ink,#e8eaee);font:15px/1.3 var(--font-ui,inherit)}
.roc-dd-opt svg{color:var(--accent,#d4a84b);flex:none}
.roc-dd-opt[aria-selected="true"]{background:rgb(var(--glow,212 168 75)/.14)}
.roc-dd-opt.act,.roc-dd-opt:hover{background:rgb(var(--glow,212 168 75)/.22)}
.roc-flow [data-tell]{min-height:52px;border-radius:10px;border:1px solid var(--line,rgba(212,168,75,.3));
  background:rgba(255,255,255,.03);transition:border-color .18s,box-shadow .18s}
.roc-flow [data-tell]:focus{outline:none;border-color:var(--accent-2,#f0cd7e);box-shadow:0 0 0 3px rgb(var(--glow,212 168 75)/.28)}
.roc-go{display:block;width:100%;min-height:52px;margin:6px 0 4px;border:0;border-radius:10px;cursor:pointer;
  background:linear-gradient(180deg,var(--accent-2,#f0cd7e),var(--accent,#d4a84b));color:var(--on-accent,#1a1405);
  font:700 16px/1 var(--font-ui,inherit);letter-spacing:.02em;transition:filter .18s,box-shadow .18s,transform .18s}
.roc-go:hover{filter:brightness(1.07)}
.roc-go:focus-visible{outline:none;box-shadow:0 0 0 3px var(--bg,#050709),0 0 0 5px var(--accent-2,#f0cd7e)}
.roc-go:disabled{opacity:.55;cursor:default}
.roc-skip{display:block;margin:10px auto 0;min-height:44px;padding:0 14px;background:none;border:0;cursor:pointer;
  color:var(--dim,#b4bcc8);font:14px/1 var(--font-ui,inherit);text-decoration:underline;text-underline-offset:4px}
.roc-skip:hover,.roc-skip:focus-visible{color:var(--ink,#e8eaee);outline:none}
.roc-note{min-height:18px;text-align:center;font-size:13px;color:var(--dim,#b4bcc8);margin:2px 0 0}
@media (max-width:420px){.roc-flow{padding:42px 22px 24px}.roc-flow h2,.roc-title{font-size:23px}}
@media (prefers-reduced-motion:reduce){.roc-dd-btn,.roc-go,.roc-dd .car{transition:none}}
.start-plan.roc-frame .start-plan-h.roc-title{text-transform:none;letter-spacing:.01em;font:600 26px/1.15 var(--font-display,Georgia,"Times New Roman",serif);
  color:var(--ink,#e8eaee);margin:0 0 12px}
.start-plan.roc-frame{padding:40px 24px 28px;margin-bottom:24px}
/* Industry preview: play icon on a row, the Watch button, and the dialog */
.roc-dd-opt{position:relative}
.roc-dd-opt .roc-play{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;margin-right:-8px;border-radius:50%;
  color:var(--accent-2,#f0cd7e);cursor:pointer}
.roc-dd-opt .roc-play:hover{background:rgb(var(--glow,212 168 75)/.22)}
.roc-thumb{width:36px;height:64px;object-fit:cover;border-radius:6px;margin-left:auto;margin-right:6px;cursor:pointer;border:1px solid rgb(var(--glow,212 168 75)/.4);flex:none}
.roc-dd-opt .roc-thumb+.roc-play{margin-left:0}
.roc-pv .roc-thumb{margin:0}
.roc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.roc-pv{display:flex;align-items:center;gap:8px;min-height:44px;margin:-8px 0 16px;padding:0 4px;background:none;border:0;cursor:pointer;
  color:var(--accent-2,#f0cd7e);font:600 14px/1.2 var(--font-ui,inherit);text-decoration:underline;text-underline-offset:4px}
.roc-pv:focus-visible{outline:2px solid var(--accent-2,#f0cd7e);outline-offset:2px;border-radius:6px}
.roc-pvd{position:fixed;inset:0;z-index:20000;display:grid;place-items:center;padding:16px;background:rgba(5,7,9,.86)}
.roc-pvd-in{width:100%;max-width:720px;padding:18px;border:1px solid var(--line,rgba(212,168,75,.3));border-radius:14px;background:var(--bg,#0b0e13)}
.roc-pvd-h{margin:0 0 10px;font:600 20px/1.2 var(--font-display,Georgia,serif);color:var(--ink,#e8eaee)}
/* the intro movies are phone-shaped (9:16): show them at their own shape, never a small strip in a wide box */
.roc-pvd video{display:block;aspect-ratio:9/16;width:auto;max-width:100%;max-height:72vh;margin:0 auto;background:#000;border-radius:8px;object-fit:contain}
.roc-pvd-err{margin:10px 0 0;color:var(--bad,#f09092);font-size:14px}
.roc-pvd-act{display:flex;gap:12px;align-items:center;margin-top:12px}
.roc-pvd-act .roc-go{margin:0;flex:1}
.roc-pvd-act .roc-skip{margin:0}
@media (prefers-reduced-motion:reduce){.roc-pvd *{scroll-behavior:auto}}