/* The banner uses the existing site content width and insets. */
main#main.discover-page{--discover-inset:36px;background:#fff;min-width:0}
.discover-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:42px var(--discover-inset) 28px}
.discover-intro>div{min-width:0}.discover-intro .eyebrow{color:var(--cobalt);margin-bottom:17px}
.discover-intro h1{font-size:clamp(34px,3.3vw,56px);line-height:1.1;max-width:18em;margin:0}
.discover-intro>p{font-size:16px;line-height:1.55;max-width:25ch;margin:0 0 2px;color:var(--muted);flex:0 1 240px}
.discover-demo{padding:0 var(--discover-inset) 32px;min-width:0}
.discover-board{display:block;width:100%;max-width:100%;border:0;background:#fff}
.discover-benefits{background:var(--paper);border-top:1px solid var(--line);padding:56px var(--discover-inset) 60px}
.discover-section-heading{padding-bottom:30px}.discover-section-heading .eyebrow{color:var(--cobalt);margin-bottom:16px}
.discover-section-heading h2{font-size:clamp(32px,3vw,48px);line-height:1.12;max-width:20em;margin:0}
.discover-benefits-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;max-width:1280px;padding:0;margin:0}
.discover-benefits-grid>li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:22px;padding:26px 0;border-top:1px solid var(--line);min-width:0}
.discover-icon{color:var(--cobalt);padding-top:4px}.discover-icon svg{display:block;width:40px;height:40px}
.discover-benefits-grid h3{font:400 clamp(24px,2vw,30px)/1.15 var(--serif);letter-spacing:-.025em;margin:0 0 10px}
.discover-benefits-grid p{font-size:16px;line-height:1.65;color:var(--muted);max-width:40ch;margin:0}
.discover-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--cobalt);color:white;padding:52px var(--discover-inset)}
.discover-cta h2{font-size:clamp(30px,3vw,46px);max-width:19em;margin-bottom:18px;line-height:1.12}.discover-cta p{font-size:16px;color:#e5eafa;max-width:50ch;margin:0}.discover-cta>.button{flex-shrink:0}
.discover-extra{padding:36px var(--discover-inset)}.discover-edit{display:block;text-align:right;background:#eef1f8;padding:10px var(--discover-inset);font-size:12px;color:var(--cobalt)}
@media(max-width:1100px){main#main.discover-page{--discover-inset:24px}.discover-intro{display:block;padding-top:32px}.discover-intro>p{max-width:none;margin:18px 0 0}.discover-benefits-grid{gap:0 32px}}
@media(max-width:750px){main#main.discover-page{--discover-inset:16px}.discover-intro{padding-top:28px;padding-bottom:24px}.discover-intro h1{font-size:clamp(34px,6vw,44px)}.discover-intro>p{max-width:42ch}.discover-demo{padding-bottom:26px}.discover-benefits{padding-top:36px;padding-bottom:36px}.discover-benefits-grid{grid-template-columns:minmax(0,1fr)}.discover-benefits-grid>li{padding:22px 0;gap:18px}.discover-benefits-grid h3{font-size:26px}.discover-cta{display:block;padding-top:36px;padding-bottom:36px}.discover-cta>.button{margin-top:26px;white-space:normal;gap:16px}.discover-cta h2{font-size:34px}}

.discover-banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3.2vw,48px);padding:56px var(--discover-inset);background:#fff}
.discover-preview{position:relative;display:block;width:100%;min-width:0;padding:0;aspect-ratio:2046/768;border:1px solid var(--line);border-radius:3px;background:#eee9e1;overflow:hidden;cursor:pointer;color:#142034;box-shadow:0 8px 28px #1420340d}
.discover-preview>img{display:block;width:100%;height:100%;object-fit:contain}
.discover-preview-open{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#ffffffed;box-shadow:0 2px 12px #0002;transition:background .18s}
.discover-preview-open svg{width:21px;height:21px}
.discover-preview:hover .discover-preview-open{background:#fff}
.discover-preview:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}
.discover-preview:disabled{cursor:wait}
.discover-banner-copy{min-width:0}.discover-banner-copy .eyebrow{color:var(--cobalt);margin-bottom:20px}
.discover-banner h1{font-size:clamp(27px,2.8vw,42px);line-height:1.14;max-width:18em;margin:0}
#tj-discover-dialog{position:fixed;inset:0;width:calc(100vw - 40px);max-width:2048px;height:calc(100dvh - 40px);max-height:none;margin:auto;padding:0;border:1px solid #d9d6cd;border-radius:7px;background:#fff;color:#142034;overflow:hidden;box-sizing:border-box;box-shadow:0 18px 90px #0004}
#tj-discover-dialog:not([open]){display:none}
#tj-discover-dialog[open]{display:flex;flex-direction:column}
#tj-discover-dialog::backdrop{background:#101a2ddb;backdrop-filter:blur(4px)}
#tj-discover-dialog .discover-dialog-bar{display:flex;justify-content:flex-end;flex:0 0 48px;padding:2px 6px;background:#fff;border-bottom:1px solid #eeece6}
#discover-close{display:grid;place-items:center;width:44px;height:44px;padding:12px;border:0;border-radius:3px;background:transparent;color:#142034;cursor:pointer}
#discover-close:hover{background:#f2f0eb}#discover-close:focus-visible{outline:2px solid #142034;outline-offset:-4px}#discover-close svg{width:20px;height:20px}
#tj-discover-dialog .discover-dialog-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;flex:1}
@media(max-width:750px){.discover-banner{gap:20px;padding-top:32px;padding-bottom:32px}.discover-banner h1{font-size:clamp(21px,3.6vw,29px)}.discover-banner-copy .eyebrow{font-size:10px;margin-bottom:12px}.discover-preview-open{width:30px;height:30px;right:7px;bottom:7px}.discover-preview-open svg{width:18px;height:18px}#tj-discover-dialog{width:100%;height:100dvh;max-width:none;border:0;border-radius:0}#tj-discover-dialog .discover-dialog-content{padding:8px}}
@media(max-width:540px){.discover-banner{grid-template-columns:minmax(0,1fr);gap:22px}.discover-preview{width:50%;justify-self:start}.discover-banner h1{font-size:30px;max-width:17em}.discover-banner-copy .eyebrow{font-size:11px}}