.tb-vconf {
  --vc-ink:#172f3d;
  --vc-blue:#315f78;
  --vc-aqua:#dbeaec;
  --vc-sand:#f1e6d5;
  --vc-yellow:#e6c965;
  --vc-coral:#dd9c83;
  --vc-line:#cdd9dc;
  background:#fbfcfb;
  color:var(--vc-ink);
}
.tb-vconf-hero { overflow:hidden; background:linear-gradient(125deg,#e7f0f1 0,#f5efe2 58%,#e3e4ef 100%); }
.tb-vconf-breadcrumb { display:flex; gap:8px; padding-top:24px; color:#64777f; font-size:11px; }
.tb-vconf-breadcrumb a { text-decoration:underline; text-underline-offset:3px; }
.tb-vconf-hero-grid { display:grid; grid-template-columns:1.03fr .97fr; gap:62px; align-items:center; min-height:700px; padding:68px 0 88px; }
.tb-vconf-hero h1 { max-width:730px; margin:0; font:500 clamp(48px,5.6vw,78px)/.94 var(--tb-serif); letter-spacing:-.074em; }
.tb-vconf-hero h1 em { color:var(--vc-blue); font-style:italic; }
.tb-vconf-lede { max-width:660px; margin:27px 0 0; color:#566b75; font-size:18px; line-height:1.63; }
.tb-vconf-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:31px; }
.tb-vconf-actions>a:not(.tb-button) { padding-bottom:5px; border-bottom:1px solid #8398a2; color:#3c5b6b; font-size:12px; font-weight:800; }
.tb-vconf-date { margin:19px 0 0; color:#74858c; font-size:10px; font-weight:700; }
.tb-vconf-room { position:relative; min-height:455px; margin:0; padding:51px 18px 70px; border:1px solid #9fb1b9; background:#183440; box-shadow:14px 17px 0 rgba(33,63,73,.1); transform:rotate(1.5deg); }
.tb-vconf-room-bar { position:absolute; top:0; right:0; left:0; display:flex; align-items:center; gap:6px; height:35px; padding:0 12px; border-bottom:1px solid #36525d; background:#102832; }
.tb-vconf-room-bar i { width:7px; height:7px; border-radius:50%; background:#d3846c; }
.tb-vconf-room-bar i:nth-child(2) { background:#e5c65d; }
.tb-vconf-room-bar i:nth-child(3) { background:#68a382; }
.tb-vconf-room-bar span { margin-left:7px; color:#93aab4; font:8px ui-monospace,SFMono-Regular,Menlo,monospace; }
.tb-vconf-participant { position:absolute; display:flex; width:45%; height:142px; flex-direction:column; justify-content:flex-end; padding:15px; background:#dce9e9; background-image:radial-gradient(#a9c1c2 1px,transparent 1px); background-size:14px 14px; }
.tb-vconf-participant:before { position:absolute; top:25px; left:50%; width:46px; height:46px; border:5px solid rgba(255,255,255,.75); border-radius:50%; background:#6d9296; content:""; transform:translateX(-50%); }
.tb-vconf-participant:after { position:absolute; top:75px; left:50%; width:78px; height:40px; border-radius:45px 45px 7px 7px; background:#789ca0; content:""; transform:translateX(-50%); }
.tb-vconf-participant span,.tb-vconf-participant b { position:relative; z-index:2; }
.tb-vconf-participant span { color:#42636b; font-size:8px; font-weight:900; letter-spacing:.12em; }
.tb-vconf-participant b { color:#213f49; font-size:10px; }
.tb-vconf-participant--one { top:52px; left:18px; }
.tb-vconf-participant--two { top:52px; right:18px; background-color:#eee4d3; }
.tb-vconf-participant--two:before,.tb-vconf-participant--two:after { background:#b59178; }
.tb-vconf-participant--three { top:205px; left:18px; background-color:#e2e0ef; }
.tb-vconf-participant--three:before,.tb-vconf-participant--three:after { background:#817ca8; }
.tb-vconf-participant--four { top:205px; right:18px; background-color:#e9d8d0; }
.tb-vconf-participant--four:before,.tb-vconf-participant--four:after { background:#aa7564; }
.tb-vconf-room-controls { position:absolute; bottom:34px; left:50%; display:flex; gap:8px; transform:translateX(-50%); }
.tb-vconf-room-controls i { display:grid; width:29px; height:29px; place-items:center; border-radius:50%; background:#2d4c58; color:#d8e5e8; font-size:9px; font-style:normal; }
.tb-vconf-room-controls i:last-child { background:#b4514c; color:#fff; }
.tb-vconf-room>p { position:absolute; right:12px; bottom:7px; margin:0; color:#78949e; font-size:8px; line-height:1.35; text-align:right; }
.tb-vconf-checker { padding:106px 0; background:#f4ecdf; }
.tb-vconf-checker-head,.tb-vconf-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; margin-bottom:39px; }
.tb-vconf-checker h2,.tb-vconf-heading h2,.tb-vconf-free h2,.tb-vconf-pilot h2,.tb-vconf-method h2,.tb-vconf-faq h2,.tb-vconf-close h2 { margin:0; font:500 49px/.98 var(--tb-serif); letter-spacing:-.066em; }
.tb-vconf-checker-head>p,.tb-vconf-heading>p { max-width:480px; margin:0; color:#66757a; font-size:13px; line-height:1.65; }
.tb-vconf-checker-box { display:grid; grid-template-columns:.85fr 1.15fr; border:1px solid #c9c1b4; background:#fff; box-shadow:12px 15px 0 rgba(72,65,53,.07); }
.tb-vconf-form { display:grid; grid-template-columns:1fr 1fr; gap:17px; padding:29px; border-right:1px solid #d8d0c4; }
.tb-vconf-form>div { display:grid; gap:7px; }
.tb-vconf-form label { color:#3f5a65; font-size:9px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.tb-vconf-form input,.tb-vconf-form select { width:100%; height:48px; padding:0 11px; border:1px solid #cbd4d7; border-radius:0; background:#fbfcfc; color:#243b45; font-size:12px; }
.tb-vconf-form small { min-height:28px; color:#788387; font-size:9px; line-height:1.4; }
.tb-vconf-form-actions { display:flex!important; grid-column:1/-1; align-items:center; grid-template-columns:none!important; gap:16px!important; }
.tb-vconf-form-actions button[type=reset] { padding:0; border:0; border-bottom:1px solid #84949a; background:transparent; color:#546a74; font-size:10px; font-weight:800; cursor:pointer; }
#tb-vconf-error { grid-column:1/-1; margin:0; padding:9px 10px; border-left:3px solid #af554b; background:#fff3ef; color:#98473f; font-size:10px; font-weight:800; }
.tb-vconf-results { min-height:400px; padding:29px; background:#e3edef; }
.tb-vconf-results>div { display:flex; align-items:end; justify-content:space-between; gap:15px; padding-bottom:16px; border-bottom:1px solid #bfd0d4; }
.tb-vconf-results>div span { color:#597682; font-size:9px; font-weight:900; letter-spacing:.12em; }
.tb-vconf-results>div b { font:500 23px/1 var(--tb-serif); letter-spacing:-.04em; }
.tb-vconf-results-heading { margin:18px 0 12px!important; color:#3d6472!important; font-size:11px!important; font-weight:900!important; }
.tb-vconf-results ol { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0; margin:0; list-style:none; }
.tb-vconf-results li { padding:12px; border:1px solid #bed0d4; background:#fff; }
.tb-vconf-results a,.tb-vconf-results li span,.tb-vconf-results li small { display:block; }
.tb-vconf-results a { font:500 19px/1 var(--tb-serif); letter-spacing:-.04em; }
.tb-vconf-results li span { margin-top:6px; color:#5f7177; font-size:9px; line-height:1.45; }
.tb-vconf-results li small { margin-top:5px; color:#7c898d; font-size:8px; }
.tb-vconf-results-action,.tb-vconf-results-manual,.tb-vconf-results-caution { margin:10px 0 0; padding:10px; color:#617277; font-size:10px; line-height:1.5; }
.tb-vconf-results-action { border-left:3px solid #b45e4a; background:#fff3ec; }
.tb-vconf-results-manual { border-left:3px solid #5b7f8d; background:#f7fbfc; }
.tb-vconf-results-caution { border-left:3px solid #ae7a2e; background:#fff9ea; color:#746444; }
.tb-vconf-shapes { padding:106px 0; background:#fbfcfb; }
.tb-vconf-shape-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.tb-vconf-shape-grid article { display:flex; min-height:260px; flex-direction:column; padding:20px; border-top:3px solid #376a7f; background:#e9f1f3; }
.tb-vconf-shape-grid article:nth-child(2) { border-color:#a8614b; background:#f5e8e1; }
.tb-vconf-shape-grid article:nth-child(3) { border-color:#8e792d; background:#f5efd5; }
.tb-vconf-shape-grid article:nth-child(4) { border-color:#6c6195; background:#ece9f4; }
.tb-vconf-shape-grid span { color:#527380; font-size:9px; font-weight:900; letter-spacing:.1em; }
.tb-vconf-shape-grid h3 { margin:42px 0 11px; font:500 24px/1 var(--tb-serif); letter-spacing:-.05em; }
.tb-vconf-shape-grid p { margin:0; color:#667378; font-size:11px; line-height:1.57; }
.tb-vconf-shape-grid b { padding-top:14px; margin-top:auto; color:#466575; font-size:9px; line-height:1.45; }
.tb-vconf-comparison { padding:108px 0; background:#e1eaec; }
.tb-vconf-table-wrap { overflow-x:auto; border:1px solid #becdd1; background:#fff; }
.tb-vconf table { width:100%; min-width:1280px; border-collapse:collapse; }
.tb-vconf th,.tb-vconf td { padding:16px 14px; border-right:1px solid #dfe6e8; border-bottom:1px solid #dfe6e8; vertical-align:top; text-align:left; }
.tb-vconf thead th { background:var(--vc-ink); color:#fff; font-size:9px; letter-spacing:.09em; text-transform:uppercase; }
.tb-vconf tbody th { min-width:170px; font:500 17px/1.2 var(--tb-serif); }
.tb-vconf tbody th span { display:inline-grid; width:27px; height:27px; place-items:center; margin-right:8px; background:var(--vc-color); color:#fff; font:800 11px/1 Arial; }
.tb-vconf td { min-width:190px; color:#5b6d74; font-size:10px; line-height:1.55; }
.tb-vconf td:nth-child(5),.tb-vconf td:nth-child(6) { min-width:250px; }
.tb-vconf tr:last-child th,.tb-vconf tr:last-child td { border-bottom:0; }
.tb-vconf th:last-child,.tb-vconf td:last-child { border-right:0; }
.tb-vconf-table-note { max-width:850px; margin:17px 0 0; color:#65777e; font-size:10px; line-height:1.58; }
.tb-vconf-picks { padding:108px 0; background:#fbfcfb; }
.tb-vconf-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:15px; }
.tb-vconf-card { scroll-margin-top:20px; padding:27px; border:1px solid #d1dade; background:#fff; box-shadow:0 7px 18px rgba(31,60,72,.05); }
.tb-vconf-card:target { outline:4px solid rgba(49,95,120,.22); outline-offset:2px; }
.tb-vconf-card-top { display:flex; align-items:center; justify-content:space-between; }
.tb-vconf-mark { display:grid; width:46px; height:46px; place-items:center; background:var(--vc-color); color:#fff; font:800 18px/1 Arial; }
.tb-vconf-card-top i { color:#87979e; font-size:10px; font-style:normal; font-weight:800; }
.tb-vconf-card-angle { margin:34px 0 8px; color:#4d7181; font-size:9px; font-weight:900; letter-spacing:.12em; }
.tb-vconf-card h3 { margin:0; font:500 33px/1 var(--tb-serif); letter-spacing:-.055em; }
.tb-vconf-card dl { margin:24px 0; }
.tb-vconf-card dl>div { display:grid; grid-template-columns:130px 1fr; gap:17px; padding:13px 0; border-top:1px solid #e1e7e9; }
.tb-vconf-card dt { color:#3f5e6c; font-size:9px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; }
.tb-vconf-card dd { margin:0; color:#5d6e75; font-size:11px; line-height:1.56; }
.tb-vconf-card dl>div:last-child { padding:14px; border:0; background:#f6ebe5; }
.tb-vconf-card>a { display:inline-block; padding-bottom:4px; border-bottom:1px solid #91a3aa; color:#3d6476; font-size:10px; font-weight:900; }
.tb-vconf-free { padding:108px 0; background:#ead7c8; }
.tb-vconf-free-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:75px; align-items:center; }
.tb-vconf-free-grid>div:first-child>p:not(.tb-eyebrow) { max-width:530px; color:#6e625d; font-size:13px; line-height:1.65; }
.tb-vconf-free-clock { border:1px solid #c5a998; background:#fff9f4; box-shadow:10px 12px 0 rgba(83,61,49,.08); }
.tb-vconf-free-clock>div { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:15px; padding:15px 19px; border-bottom:1px solid #e2cec2; }
.tb-vconf-free-clock span { color:#936651; font-size:9px; font-weight:900; letter-spacing:.1em; }
.tb-vconf-free-clock b { color:#4c3e39; font:500 31px/1 var(--tb-serif); }
.tb-vconf-free-clock small { color:#70645e; font-size:9px; text-align:right; }
.tb-vconf-free-clock>p { margin:0; padding:12px 19px; color:#81736c; font-size:9px; line-height:1.45; }
.tb-vconf-control { padding:108px 0; background:#263d49; color:#fff; }
.tb-vconf-control .tb-eyebrow { color:#a7c0ca; }
.tb-vconf-control .tb-vconf-heading>p { color:#b7c8ce; }
.tb-vconf-control-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr; align-items:center; gap:10px; }
.tb-vconf-control-flow article { min-height:190px; padding:19px; border:1px solid #49606b; background:#304955; }
.tb-vconf-control-flow article>span { display:grid; width:31px; height:31px; place-items:center; border-radius:50%; background:#e3c766; color:#34464c; font:500 18px/1 var(--tb-serif); }
.tb-vconf-control-flow h3 { margin:39px 0 9px; font:500 22px/1 var(--tb-serif); }
.tb-vconf-control-flow p { margin:0; color:#c0d0d5; font-size:10px; line-height:1.55; }
.tb-vconf-control-flow>i { color:#91acb7; font-style:normal; }
.tb-vconf-control-note { max-width:900px; margin:25px 0 0; color:#bbcbd1; font-size:10px; line-height:1.58; }
.tb-vconf-failures { padding:108px 0; background:#fbfcfb; }
.tb-vconf-failure-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.tb-vconf-failure-grid article { padding:21px; border:1px solid #d4dde0; background:#fff; }
.tb-vconf-failure-grid span { color:#6e8995; font-size:9px; font-weight:900; }
.tb-vconf-failure-grid h3 { margin:34px 0 10px; font:500 23px/1 var(--tb-serif); letter-spacing:-.045em; }
.tb-vconf-failure-grid p { margin:0; color:#66767c; font-size:11px; line-height:1.58; }
.tb-vconf-pilot { padding:108px 0; background:#e4e3f0; }
.tb-vconf-pilot-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; }
.tb-vconf-pilot-grid>div:first-child>p:not(.tb-eyebrow):not(.tb-vconf-pilot-progress) { max-width:420px; color:#666879; font-size:13px; line-height:1.65; }
.tb-vconf-pilot-progress { position:relative; overflow:hidden; max-width:370px; padding:12px; margin:27px 0 12px; border:1px solid #bdbdd0; background:linear-gradient(90deg,#c5c6de var(--pilot-progress,0%),rgba(255,255,255,.55) var(--pilot-progress,0%)); color:#53556c; font-size:10px; font-weight:900; }
#tb-vconf-pilot-reset { padding:0; border:0; border-bottom:1px solid #85869c; background:transparent; color:#585a75; font-size:10px; font-weight:800; cursor:pointer; }
.tb-vconf-pilot-list { border-top:1px solid #bfc0d1; }
.tb-vconf-pilot-list label { display:grid; grid-template-columns:25px 1fr; gap:14px; padding:18px 2px; border-bottom:1px solid #bfc0d1; cursor:pointer; }
.tb-vconf-pilot-list input { width:19px; height:19px; accent-color:#515985; }
.tb-vconf-pilot-list span { color:#656777; font-size:11px; line-height:1.55; }
.tb-vconf-pilot-list b { display:block; margin-bottom:5px; color:#32344d; font:500 21px/1 var(--tb-serif); letter-spacing:-.04em; }
.tb-vconf-method { padding:108px 0; background:#dcebec; }
.tb-vconf-method-head { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:end; }
.tb-vconf-method-head>p { margin:0; color:#61757c; font-size:13px; line-height:1.65; }
.tb-vconf-method-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; margin-top:42px; }
.tb-vconf-method-grid article { min-height:205px; padding:19px; border:1px solid #c2d3d6; background:#f7fbfb; }
.tb-vconf-method-grid span { color:#6c8994; font-size:9px; font-weight:900; }
.tb-vconf-method-grid h3 { margin:43px 0 10px; font:500 21px/1 var(--tb-serif); letter-spacing:-.04em; }
.tb-vconf-method-grid p { margin:0; color:#61737a; font-size:10px; line-height:1.55; }
.tb-vconf-method-links { margin:27px 0 0; color:#61747b; font-size:11px; }
.tb-vconf-method-links a { color:#3d6677; font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.tb-vconf-faq { padding:108px 0; background:#fbfcfb; }
.tb-vconf-faq-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:82px; }
.tb-vconf-faq-grid>div:first-child>p:not(.tb-eyebrow) { max-width:400px; color:#63757c; font-size:13px; line-height:1.65; }
.tb-vconf-faq details { border-top:1px solid #ccd7da; }
.tb-vconf-faq details:last-child { border-bottom:1px solid #ccd7da; }
.tb-vconf-faq summary { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:21px 0; cursor:pointer; font:500 21px/1.1 var(--tb-serif); list-style:none; }
.tb-vconf-faq summary::-webkit-details-marker { display:none; }
.tb-vconf-faq summary span { font:400 20px/1 Arial; }
.tb-vconf-faq details[open] summary span { transform:rotate(45deg); }
.tb-vconf-faq details p { max-width:700px; margin:-4px 0 23px; color:#607178; font-size:12px; line-height:1.65; }
.tb-vconf-close { padding:88px 0; background:#ecdccf; }
.tb-vconf-close>.tb-shell { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:end; }
.tb-vconf-close h2 { font-size:53px; }
.tb-vconf-close>.tb-shell>div:last-child>p { margin:0 0 25px; color:#6a625e; font-size:14px; line-height:1.65; }
.tb-vconf-close>.tb-shell>div:last-child>div { display:flex; flex-wrap:wrap; align-items:center; gap:20px; }
.tb-vconf-close>.tb-shell>div:last-child>div>a:not(.tb-button) { padding-bottom:4px; border-bottom:1px solid #a08f86; color:#5d554f; font-size:11px; font-weight:900; }
.tb-vconf input:focus-visible,.tb-vconf select:focus-visible,.tb-vconf button:focus-visible,.tb-vconf-table-wrap:focus-visible { outline:3px solid rgba(49,95,120,.27); outline-offset:2px; }
@media(max-width:1050px) {
  .tb-vconf-hero-grid,.tb-vconf-free-grid,.tb-vconf-pilot-grid,.tb-vconf-faq-grid { grid-template-columns:1fr; }
  .tb-vconf-room { width:min(100%,620px); margin:0 auto; }
  .tb-vconf-checker-head,.tb-vconf-heading { align-items:flex-start; flex-direction:column; }
  .tb-vconf-checker-box { grid-template-columns:1fr; }
  .tb-vconf-form { border-right:0; border-bottom:1px solid #d8d0c4; }
  .tb-vconf-shape-grid { grid-template-columns:1fr 1fr; }
  .tb-vconf-control-flow { grid-template-columns:1fr 1fr 1fr; }
  .tb-vconf-control-flow>i { display:none; }
  .tb-vconf-method-grid { grid-template-columns:repeat(3,1fr); }
  .tb-vconf-method-head { grid-template-columns:1fr; gap:25px; }
  .tb-vconf-close>.tb-shell { grid-template-columns:1fr; }
}
@media(max-width:700px) {
  .tb-vconf-hero-grid { min-height:0; padding:46px 0 62px; }
  .tb-vconf-hero h1 { font-size:47px; }
  .tb-vconf-lede { font-size:16px; }
  .tb-vconf-room { min-height:405px; padding-right:11px; padding-left:11px; }
  .tb-vconf-participant { width:44%; height:125px; padding:10px; }
  .tb-vconf-participant--one,.tb-vconf-participant--two { top:50px; }
  .tb-vconf-participant--one,.tb-vconf-participant--three { left:11px; }
  .tb-vconf-participant--two,.tb-vconf-participant--four { right:11px; }
  .tb-vconf-participant--three,.tb-vconf-participant--four { top:186px; }
  .tb-vconf-checker,.tb-vconf-shapes,.tb-vconf-comparison,.tb-vconf-picks,.tb-vconf-free,.tb-vconf-control,.tb-vconf-failures,.tb-vconf-pilot,.tb-vconf-method,.tb-vconf-faq { padding:72px 0; }
  .tb-vconf-checker h2,.tb-vconf-heading h2,.tb-vconf-free h2,.tb-vconf-pilot h2,.tb-vconf-method h2,.tb-vconf-faq h2,.tb-vconf-close h2 { font-size:39px; }
  .tb-vconf-form { grid-template-columns:1fr; padding:21px 16px; }
  .tb-vconf-form>div { grid-column:1/-1; }
  .tb-vconf-results { min-height:0; padding:21px 16px; }
  .tb-vconf-results>div { align-items:flex-start; flex-direction:column; }
  .tb-vconf-results ol,.tb-vconf-shape-grid,.tb-vconf-cards,.tb-vconf-failure-grid,.tb-vconf-method-grid { grid-template-columns:1fr; }
  .tb-vconf-card { padding:22px; }
  .tb-vconf-card dl>div { grid-template-columns:1fr; gap:6px; }
  .tb-vconf-free-clock>div { grid-template-columns:1fr auto; }
  .tb-vconf-free-clock>div small { grid-column:1/-1; text-align:left; }
  .tb-vconf-control-flow { grid-template-columns:1fr; }
  .tb-vconf-control-flow article { min-height:160px; }
  .tb-vconf-pilot-grid { gap:38px; }
  .tb-vconf-close { padding:68px 0; }
}
