.rrc-ot{
--ground:#101318; --panel:#171B22; --raised:#1E232C; --raised-hi:#252B36;
--you:#07B7D4; --you-soft:rgba(7,183,212,.12); --you-edge:rgba(7,183,212,.55);
--go:#0A7386; --go-hi:#0B7C90;
--co:#6366F1;  --co-soft:rgba(99,102,241,.12); --co-edge:rgba(99,102,241,.55);
--fg:#F7F9FA;
--rule:rgba(255,255,255,.10); --rule-hi:rgba(255,255,255,.18);
--warn:#D9A85C;
--pad:30px;
--measure:none;
color:var(--fg); text-align:left; line-height:1.55;
font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
background:var(--panel);
border:1px solid var(--you-edge); border-radius:14px;
padding:0;
scroll-margin-top:7rem;
}
.rrc-ot *{box-sizing:border-box;}
.rrc-ot :focus-visible{outline:2px solid var(--you); outline-offset:2px; border-radius:4px;}
.rrc-ot [hidden]{display:none !important;}
.rrc-ot .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px;
overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;}
.rrc-ot .ot-head{
position:sticky; top:0; z-index:5;
background:linear-gradient(var(--panel) 78%, rgba(23,27,34,0));
padding:26px var(--pad) 16px;
border-radius:13px 13px 0 0;
}
.rrc-ot .ot-prog{display:flex; align-items:center; gap:10px; margin:0 0 14px;}
.rrc-ot .ot-pips{display:flex; gap:5px; flex-wrap:wrap;}
.rrc-ot .pip{width:22px; height:3px; border-radius:2px; background:var(--rule-hi);
transition:background .3s ease;}
.rrc-ot .pip.is-done{background:var(--you);}
.rrc-ot .pip.is-now{background:var(--fg);}
.rrc-ot .ot-prog-txt{font-size:.6875rem; letter-spacing:.1em; text-transform:uppercase;
color:var(--fg); font-weight:700; margin-left:auto; white-space:nowrap;}
.rrc-ot .line{padding:2px 0 0;}
.rrc-ot .line-ends{display:flex; justify-content:space-between; font-size:.6875rem;
letter-spacing:.05em; color:var(--fg); font-weight:600; margin:0 0 7px;}
.rrc-ot .track{position:relative; height:34px;}
.rrc-ot .track-bar{position:absolute; left:0; right:0; top:16px; height:2px;
background:var(--rule-hi); border-radius:2px;}
.rrc-ot .ticks{position:absolute; left:0; right:0; top:13px; height:8px;}
.rrc-ot .tick{position:absolute; top:0; width:1px; height:8px;
background:var(--rule-hi); transform:translateX(-50%);}
.rrc-ot .gapbar{position:absolute; top:15.5px; height:3px; border-radius:2px;
background:linear-gradient(90deg,var(--you),var(--co)); opacity:0;
transition:opacity .35s ease, left .45s cubic-bezier(.2,.7,.2,1), width .45s cubic-bezier(.2,.7,.2,1);}
.rrc-ot .gapbar.is-on{opacity:.85;}
.rrc-ot .mark{position:absolute; transform:translateX(-50%); opacity:0;
transition:left .45s cubic-bezier(.2,.7,.2,1), opacity .3s ease;}
.rrc-ot .mark.is-on{opacity:1;}
.rrc-ot .mark--you{top:9px; width:16px; height:16px; border-radius:50%;
background:var(--you); box-shadow:0 0 0 4px rgba(7,183,212,.18);}
.rrc-ot .mark--co{top:8px; width:18px; height:18px; border-radius:50%;
border:2.5px solid var(--co); background:var(--panel);}
.rrc-ot .line-key{display:flex; gap:16px; margin:9px 0 0; font-size:.6875rem;
color:var(--fg); font-weight:600;}
.rrc-ot .line-key span{display:inline-flex; align-items:center; gap:6px;}
.rrc-ot .key-dot{width:9px; height:9px; border-radius:50%; background:var(--you);}
.rrc-ot .key-ring{width:10px; height:10px; border-radius:50%; border:2px solid var(--co);}
.rrc-ot .ot-body{padding:0 var(--pad) 28px;}
.rrc-ot #otPre{padding-top:calc(var(--pad) + 6px);}
.rrc-ot .ot-step{display:none;}
.rrc-ot .ot-step.is-active{display:block;}
@keyframes otRowIn{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;}}
.rrc-ot .row-in{opacity:0; animation:otRowIn .5s cubic-bezier(.2,.7,.2,1) forwards;}
.rrc-ot .ot-area i{font-style:normal; opacity:0; transition:opacity .16s ease;}
.rrc-ot .ot-area i.on{opacity:1;}
.rrc-ot .ot-area{font-size:.75rem; letter-spacing:.14em; text-transform:uppercase;
color:var(--you); font-weight:700; margin:6px 0 10px;}
.rrc-ot .ot-q{font-size:1.5rem; line-height:1.28; font-weight:700;
letter-spacing:-.016em; margin:0 0 8px; text-wrap:balance;}
.rrc-ot .ot-hint{font-size:.9375rem; color:var(--fg); margin:0 0 18px; max-width:var(--measure);}
.rrc-ot h3.ot-head-big{font-size:1.75rem; font-weight:800; letter-spacing:-.022em;
margin:8px 0 12px; line-height:1.15; text-wrap:balance;}
.rrc-ot h3.ot-head-big:focus{outline:none;}
.rrc-ot .ot-intro{color:var(--fg); font-size:.9375rem; margin:0 0 14px; max-width:var(--measure);}
.rrc-ot .opts{display:flex; flex-direction:column; gap:8px; margin:0 0 4px; padding:0; border:0;}
.rrc-ot .opt{position:relative; display:block; cursor:pointer;
background:var(--raised); border:1px solid var(--rule); border-radius:10px;
padding:14px 16px 14px 18px; font-size:1rem; line-height:1.45; color:var(--fg);
transition:background .18s ease, border-color .18s ease, color .18s ease;}
.rrc-ot .opt::before{content:''; position:absolute; left:0; top:10px; bottom:10px; width:3px;
border-radius:0 3px 3px 0; background:transparent; transition:background .18s ease;}
.rrc-ot .opt:hover{background:var(--raised-hi); color:var(--fg); border-color:var(--you-edge);}
.rrc-ot .opt:focus-within{outline:2px solid var(--you); outline-offset:2px;}
.rrc-ot .opt input{position:absolute; width:1px; height:1px; opacity:0; margin:0;}
.rrc-ot .opt.is-sel{background:var(--you-soft); border-color:var(--you-edge); color:var(--fg);}
.rrc-ot .opt.is-sel::before{background:var(--you);}
.rrc-ot .opts.co .opt.is-sel{background:var(--co-soft); border-color:var(--co-edge);}
.rrc-ot .opts.co .opt.is-sel::before{background:var(--co);}
.rrc-ot .opts.co .opt:hover{border-color:var(--co-edge);}
.rrc-ot .opts.co .opt:focus-within{outline-color:var(--co);}
.rrc-ot .picker{display:flex; flex-direction:column; gap:7px; margin:0 0 6px; padding:0; border:0;}
.rrc-ot .pick{position:relative; display:flex; align-items:flex-start; gap:12px; cursor:pointer;
background:var(--raised); border:1px solid var(--rule); border-radius:10px;
padding:13px 16px; font-size:1rem; line-height:1.5; color:var(--fg);
transition:background .18s ease, border-color .18s ease, color .18s ease;}
.rrc-ot .pick:hover{background:var(--raised-hi); color:var(--fg); border-color:var(--you-edge);}
.rrc-ot .pick:focus-within{outline:2px solid var(--you); outline-offset:2px;}
.rrc-ot .pick input{position:absolute; width:1px; height:1px; opacity:0; margin:0;}
.rrc-ot .pick .ot-box{flex:0 0 auto; width:18px; height:18px; border-radius:5px; margin-top:.19em;
border:1.5px solid var(--rule-hi); position:relative;
transition:background .18s ease, border-color .18s ease;}
.rrc-ot .pick.is-sel{background:var(--you-soft); border-color:var(--you-edge); color:var(--fg);}
.rrc-ot .pick.is-sel .ot-box{background:var(--you); border-color:var(--you);}
.rrc-ot .pick.is-sel .ot-box::after{content:''; position:absolute; left:50%; top:50%;
width:5px; height:9.5px; border:solid #06232B; border-width:0 2px 2px 0;
transform:translate(-50%, calc(-50% - 1.3px)) rotate(45deg);}
.rrc-ot .pick.is-max{opacity:.45;}
.rrc-ot .estimate{margin:16px 0 4px;
font-size:.9375rem; color:var(--fg); min-height:1.4em;}
.rrc-ot .estimate b{color:var(--you); font-weight:700;}
.rrc-ot .estimate.is-short{color:var(--warn);}
.rrc-ot .fld{display:block; font-size:1.25rem; line-height:1.3; font-weight:700; color:var(--fg);
margin:30px 0 6px; letter-spacing:-.014em; text-wrap:balance;}
.rrc-ot .fld-hint{display:block; font-size:.9375rem; font-weight:400; color:var(--fg);
margin:0 0 12px; max-width:var(--measure); letter-spacing:0;}
.rrc-ot .ot-nav{display:flex; align-items:center; gap:12px; padding:16px var(--pad);
border-top:1px solid var(--rule); background:var(--panel);
border-radius:0 0 13px 13px;}
.rrc-ot .ot-nav.is-bare{border-top:none;}
.rrc-ot .btn{font-family:inherit; font-size:.9375rem; font-weight:700; letter-spacing:-.005em;
line-height:1.15; border-radius:9px; padding:5px 18px; cursor:pointer;
border:1px solid transparent;
transition:opacity .18s ease, background .18s ease, border-color .18s ease, color .18s ease;}
.rrc-ot .btn.ghost{background:none; border-color:var(--rule-hi); color:var(--fg);}
.rrc-ot .btn.ghost:hover{color:var(--fg); border-color:var(--fg);}
.rrc-ot .btn.go{background:var(--go); color:#FFFFFF; border-color:#FFFFFF;
margin-left:auto;}
.rrc-ot .btn.go:hover{background:var(--go-hi);}
.rrc-ot .btn.go:disabled{opacity:.32; cursor:not-allowed;}
.rrc-ot .btn.big{font-size:1rem; padding:6px 24px;}
.rrc-ot .ot-err{color:#F0A08F; font-size:.875rem; margin:12px 0 0; font-weight:600;}
.rrc-ot .ot-report{display:none;}
.rrc-ot .ot-report.is-on{display:block;}
.w-form-done.rrc-ot-host, .w-form-fail.rrc-ot-host{
background:none !important; border:0 !important; padding:0 !important;
margin:0 !important; text-align:left !important;}
.rrc-ot .ot-fail{margin:22px var(--pad); padding:15px 17px; border-radius:10px;
background:rgba(217,168,92,.10); border:1px solid rgba(217,168,92,.45);
font-size:.9375rem; color:var(--fg);}
.rrc-ot .ot-fail strong{display:block; margin-bottom:5px;}
.rrc-ot .ot-fail .btn{margin-top:12px;}
.rrc-ot .rp{padding:32px var(--pad) 4px;}
.rrc-ot .rp-eyebrow{font-size:.6875rem; letter-spacing:.16em; text-transform:uppercase;
color:var(--you); font-weight:700; margin:0 0 10px;}
.rrc-ot .rp-head{font-size:clamp(1.6rem,5vw,2.25rem); font-weight:800; letter-spacing:-.025em;
line-height:1.1; margin:0 0 12px; text-wrap:balance;}
.rrc-ot .rp-head:focus{outline:none;}
.rrc-ot .rrc-ot-crown{display:flex; align-items:center; gap:18px; flex-wrap:nowrap;}
.rrc-ot .rrc-ot-crown-art{flex:0 0 auto; line-height:0;}
.rrc-ot .rrc-ot-crown-txt{flex:1 1 auto; min-width:0;}
.rrc-ot svg.rrc-ot-tile{width:124px; height:124px; display:block;}
@media (max-width:520px){
.rrc-ot .rrc-ot-crown{gap:14px;}
.rrc-ot svg.rrc-ot-tile{width:84px; height:84px;}
}
@media (max-width:380px){
.rrc-ot .rrc-ot-crown{gap:11px;}
.rrc-ot svg.rrc-ot-tile{width:68px; height:68px;}
}
.rrc-ot .rrc-ot-crown + .rp-note{margin-top:18px;}
.rrc-ot .rp-note{color:var(--fg); font-size:.9375rem; margin:0 0 6px; max-width:var(--measure);}
.rrc-ot .rp-sec{margin:40px 0 0; padding:0;}
.rrc-ot .rp-sec h4{font-size:.6875rem; letter-spacing:.16em; text-transform:uppercase;
color:var(--you); font-weight:700; margin:0 0 12px;}
.rrc-ot .rp-lead{font-size:.9375rem; line-height:1.55; font-weight:400; margin:0 0 10px;
color:var(--fg); max-width:var(--measure);}
.rrc-ot .rp-body{font-size:.9375rem; color:var(--fg); margin:0 0 10px; max-width:var(--measure);}
.rrc-ot .rp-body:last-child{margin-bottom:0;}
.rrc-ot .rp-lead-in{font-size:.9375rem; color:var(--fg); margin:34px 0 8px;
max-width:var(--measure);}
.rrc-ot .rp-lead-in + .rp-type{margin-top:0;}
.rrc-ot .rp-body b{color:var(--fg); font-weight:600;}
.rrc-ot .rp-line{margin:18px 0 22px; max-width:var(--measure);}
.rrc-ot .rp-type{background:var(--raised); border:1px solid var(--you-edge); border-radius:12px;
padding:18px 20px; margin:22px 0 12px;}
.rrc-ot .rp-type h5{font-size:1.0625rem; font-weight:800; margin:0 0 8px; letter-spacing:-.015em;}
.rrc-ot .rp-kv{font-size:.9375rem; color:var(--fg); margin:0 0 7px;}
.rrc-ot .rp-kv:last-child{margin-bottom:0;}
.rrc-ot .rp-kv b{color:var(--fg); font-weight:600;}
.rrc-ot .rp-do{background:var(--you-soft); border:1px solid var(--you-edge);
border-radius:12px; padding:18px 20px;}
.rrc-ot .rp-do p{margin:0; font-size:1rem; color:var(--fg); line-height:1.5;}
.rrc-ot .rp-val{margin:0 var(--pad); padding:30px 0 26px;}
.rrc-ot .rp-val h4{font-size:1.125rem; font-weight:700; margin:0 0 4px;}
.rrc-ot .rp-val p{font-size:.9375rem; color:var(--fg); margin:0 0 14px;}
.rrc-ot .val-row{display:flex; gap:14px; flex-wrap:wrap;}
.rrc-ot .val-btn{font-family:inherit; font-size:.9375rem; font-weight:700; cursor:pointer;
background:var(--raised); border:1px solid var(--rule); color:var(--fg);
line-height:1.15; border-radius:9px; padding:4px 22px;
transition:background .22s ease, border-color .22s ease;}
.rrc-ot .val-btn:hover{background:var(--raised-hi); border-color:var(--you-edge);}
.rrc-ot .val-btn.is-sel{background:var(--you-soft); border-color:var(--you-edge); color:var(--fg);}
.rrc-ot .val-note{width:100%; max-width:var(--measure); margin:12px 0 0; font-family:inherit;
font-size:.9375rem; background:var(--raised); border:1px solid var(--rule); border-radius:9px;
color:var(--fg); padding:12px 14px; min-height:76px; resize:vertical;}
.rrc-ot .val-retake{margin-left:auto;}
@media (max-width:520px){
.rrc-ot .val-row{flex-direction:column; gap:10px; align-items:stretch;}
.rrc-ot .val-btn, .rrc-ot .val-retake, .rrc-ot .val-send .btn{width:100%;}
.rrc-ot .val-retake{margin-left:0;}
.rrc-ot .val-send{margin-top:10px;}
.rrc-ot a.rrc-ot-share-go, .rrc-ot a.rrc-ot-sub-go{
display:block; width:100%; min-width:0; box-sizing:border-box;}
}
.rrc-ot .val-send{margin:18px 0 0;}
.rrc-ot .val-thanks{font-size:.9375rem; color:var(--you); font-weight:600; margin:12px 0 0;}
.rrc-ot .rrc-ot-share{margin:0 var(--pad) 30px; padding:20px 22px;
background:var(--raised); border:1px solid var(--rule); border-radius:12px;}
.rrc-ot .rrc-ot-share-lead{font-size:.9375rem; color:var(--fg); max-width:var(--measure);
margin:0 0 16px;}
.rrc-ot a.rrc-ot-share-go{display:inline-block; text-decoration:none;
background:#0D66C2; border:1px solid #FFFFFF; color:#FFFFFF;
transition:background .22s ease, color .22s ease, border-color .22s ease;}
.rrc-ot a.rrc-ot-share-go:hover{background:#FFFFFF; border-color:#0D66C2; color:#0D66C2;}
.rrc-ot .rrc-ot-sub{margin:0 var(--pad) 30px; padding:20px 22px;
background:var(--raised); border:1px solid var(--rule); border-radius:12px;}
.rrc-ot .rrc-ot-sub-head{font-size:1.125rem; font-weight:700; margin:0 0 6px;}
.rrc-ot .rrc-ot-sub-body{font-size:.9375rem; color:var(--fg); max-width:var(--measure);
margin:0 0 16px;}
.rrc-ot a.rrc-ot-share-go, .rrc-ot a.rrc-ot-sub-go{
min-width:210px; text-align:center;}
.rrc-ot a.rrc-ot-sub-go{display:inline-block; text-decoration:none;
background:var(--go); border:1px solid #FFFFFF; color:#FFFFFF;
transition:background .22s ease, color .22s ease, border-color .22s ease;}
.rrc-ot a.rrc-ot-sub-go:hover{background:#FFFFFF; border-color:var(--go); color:var(--go);}
@media (max-width:520px){
.rrc-ot{--pad:18px;}
.rrc-ot .ot-head{padding:18px var(--pad) 12px;}
.rrc-ot .ot-body{padding:0 var(--pad) 22px;}
.rrc-ot .rp{padding:24px var(--pad) 4px;}
.rrc-ot .btn{padding:5px 15px;}
.rrc-ot .ot-q{font-size:1.25rem;}
.rrc-ot h3.ot-head-big{font-size:1.4375rem;}
.rrc-ot .fld{font-size:1.125rem;}
.rrc-ot .rp-lead{font-size:1.0625rem;}
}
@media (prefers-reduced-motion:reduce){
.rrc-ot *{transition:none !important; animation:none !important;}
}