/* Local homepage direction: a dark, product-led poker study workspace. */
.homepage-redesign { --sales-text:#f7f7f8; --sales-muted:#aaaab5; --sales-accent:#a28bff; }
.homepage-redesign .brand { flex-direction:column; align-items:flex-start; flex-shrink:0; }
.homepage-redesign .brand img { height:42px; }
.brand-purpose { font-family:var(--sans); font-size:12px; line-height:1.4; color:#a7a7b0; white-space:nowrap; }
.skip-link { position:fixed; top:12px; left:12px; z-index:100; padding:12px 18px; background:#5c3ddb; color:#fff; transform:translateY(-160%); border-radius:8px; }
.skip-link:focus { transform:none; }
.sales-home, .sales-footer { font-family:Onest,system-ui,-apple-system,'Segoe UI',sans-serif; color:var(--sales-text); font-size:16px; line-height:1.65; }
.sales-home *, .sales-footer * { box-sizing:border-box; }
.sales-home h1, .sales-home h2, .sales-home h3, .sales-home p, .sales-footer p { margin:0; }
.sales-wrap { width:min(1280px, calc(100% - 96px)); margin-inline:auto; }
.sales-section { padding:112px 0; scroll-margin-top:78px; }
.sales-home h1 { font-size:clamp(40px,5vw,76px); line-height:1.09; font-weight:500; letter-spacing:-.055em; }
.sales-home h2 { font-size:clamp(36px,4vw,58px); line-height:1.1; font-weight:500; letter-spacing:-.047em; }
.sales-home h2 em { font-style:normal; color:#9595a4; }
.sales-home h3 { font-size:clamp(23px,2.1vw,30px); line-height:1.25; letter-spacing:-.035em; font-weight:500; }
.sales-home .eyebrow { font-family:var(--mono); font-size:12px; line-height:1.5; font-weight:500; letter-spacing:.13em; color:var(--sales-accent); margin-bottom:24px; }
.sales-home .text-link { display:inline-flex; align-items:center; gap:22px; color:var(--sales-text); font-size:15px; line-height:1.5; font-weight:500; text-decoration:none; }
.sales-home .text-link span { color:var(--sales-accent); font-size:24px; line-height:1; }
.sales-home .text-link:hover { color:#bfaeff; }
.sales-home .btn { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:30px; padding:14px 22px; font-family:inherit; font-size:15px; font-weight:500; border:0; text-decoration:none; }
.sales-home .btn span { font-size:22px; line-height:1; }
.sales-home .btn-primary { background:#5c3ddb; color:#fff; }
.sales-home .btn-primary:hover { background:#7657f5; transform:none; }
.sales-home a:focus-visible, .sales-home button:focus-visible, .sales-home summary:focus-visible, .sales-footer a:focus-visible { outline:2px solid #a28bff; outline-offset:5px; }
.sales-home .muted { color:var(--sales-muted); }
.product-intro { background:#0f1014; padding:28px 0 68px; }
.section-marker { display:flex; justify-content:space-between; gap:24px; padding:28px 0 40px; color:#898996; font-size:12px; letter-spacing:.09em; }
.section-marker span:first-child { color:var(--sales-accent); }
.intro-layout { display:grid; grid-template-columns:1.45fr 1fr; gap:60px; align-items:end; }
.intro-layout h1 span { color:#9999a8; }
.intro-summary p { color:#c0c0ca; font-size:18px; line-height:1.7; margin-bottom:27px; max-width:440px; }
.product-points { display:flex; flex-wrap:wrap; align-items:center; gap:20px 34px; border-top:1px solid #292a33; margin-top:54px; padding-top:28px; font-size:14px; color:#c2c2ca; }
.product-points > span { display:flex; align-items:center; gap:10px; }
.product-points i { width:5px; height:5px; border-radius:50%; background:#a28bff; }
.product-points .browser-note { margin-left:auto; color:#8c8c9a; }
.workspace-section#interface { background:#191a20 !important; }
.section-heading { display:grid; grid-template-columns:1.3fr 1fr; align-items:end; gap:72px; margin-bottom:48px; }
.section-heading > p { max-width:430px; color:var(--sales-muted); font-size:17px; padding-bottom:4px; }
.gallery-tabs { position:relative; display:flex; align-items:center; gap:5px; padding:7px; border-radius:12px 12px 0 0; background:#23242c; overflow:auto; scrollbar-width:thin; }
.gallery-tabs button { flex:1 0 auto; border:0; background:transparent; color:#b8b8c2; border-radius:7px; padding:12px 17px; font-family:inherit; font-size:14px; line-height:1.4; font-weight:500; cursor:pointer; white-space:nowrap; }
.gallery-tabs button[aria-selected='true'] { background:#5c3ddb; color:#fff; }
.gallery-tabs button:hover:not([aria-selected='true']) { background:#2b2c35; color:#fff; }
.gallery-panel { display:grid; grid-template-columns:minmax(260px,.78fr) minmax(0,1.65fr); min-height:610px; background:#101116; overflow:hidden; }
.gallery-story { padding:38px; display:flex; flex-direction:column; justify-content:space-between; gap:38px; }
.screen-number { font-family:var(--mono); font-size:76px; line-height:1; color:#343340; letter-spacing:-.07em; }
.gallery-story-body h3 { font-size:31px; margin-bottom:20px; }
.gallery-story-body > p:last-child { color:#a7a7b4; font-size:16px; }
.gallery-story .eyebrow { font-size:12px; margin-bottom:17px; }
.gallery-story > a { margin-top:24px; }
.gallery-image-button { position:relative; display:grid; place-items:center; width:100%; min-width:0; min-height:610px; padding:26px; background:#0c0d10; border:0; cursor:zoom-in; overflow:hidden; }
.gallery-image-button img { display:block; width:100%; height:570px; object-fit:contain; object-position:center; transition:opacity 150ms ease; }
.gallery-image-button.is-loading img { opacity:.5; }
.image-zoom-hint { position:absolute; right:16px; bottom:16px; display:flex; align-items:center; gap:10px; padding:8px 13px; border-radius:7px; background:#23242c; color:#d4d4de; font-family:var(--sans); font-size:12px; }
.image-zoom-hint > span { font-size:20px; }
.gallery-bottom { padding:18px 0; display:flex; justify-content:space-between; align-items:center; }
.gallery-bottom > p { font-family:var(--mono); font-size:14px; color:var(--sales-accent); }
.gallery-caption { color:#9494a3; font-family:var(--sans); margin-left:23px; font-size:12px; }
.gallery-arrows { display:flex; gap:8px; }
.gallery-arrows button { display:grid; place-items:center; width:44px; height:42px; font-size:23px; border:0; border-radius:8px; background:#23242c; color:#fff; cursor:pointer; }
.gallery-arrows button:last-child { background:#5c3ddb; }
.gallery-arrows button:hover { background:#7657f5; }
.benefits-section { background:#0f1014; }
.benefit-grid { display:grid; grid-template-columns:1fr 1fr; column-gap:72px; }
.benefit-feature { border-top:1px solid #2b2c35; padding:28px 0 44px; }
.feature-index { display:flex; align-items:center; gap:22px; font-family:var(--mono); font-size:13px; color:var(--sales-accent); margin-bottom:30px; }
.feature-index span { color:#888895; font-size:12px; letter-spacing:.08em; }
.benefit-feature h3 { margin-bottom:21px; }
.benefit-feature > p { color:var(--sales-muted); max-width:500px; }
.feature-tags { display:flex; flex-wrap:wrap; gap:7px; margin:24px 0 28px; }
.feature-tags span { padding:6px 10px; font-size:12px; color:#b6b6c4; background:#191a20; border-radius:5px; }
.risk-note { display:grid; grid-template-columns:190px 1fr auto; gap:28px; align-items:center; padding:30px 34px; background:#191a20; border-radius:12px; margin-top:12px; }
.risk-note .eyebrow { margin:0; }
.risk-note p { color:#b3b3c0; font-size:14px; }
.risk-note .text-link { white-space:nowrap; font-size:14px; }
.workflow-section { background:#202126; }
.workflow { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); gap:40px; counter-reset:none; }
.workflow li { display:flex; flex-direction:column; align-items:flex-start; border-top:1px solid #494752; padding-top:32px; }
.step-number { display:grid; place-items:center; width:44px; height:44px; background:#30265f; color:#bfacff; border-radius:10px; font-family:var(--mono); font-size:16px; margin-bottom:35px; }
.workflow h3 { font-size:24px; margin-bottom:16px; }
.workflow p { color:var(--sales-muted); margin-bottom:26px; }
.step-output { font-size:13px; color:#dedee6; margin-top:auto; padding-top:16px; }
.inline-cta { display:flex; align-items:center; justify-content:space-between; gap:32px; border-top:1px solid #353640; margin-top:52px; padding-top:30px; }
.inline-cta > p { color:#c9c9d2; font-size:18px; }
.audience-section#audience { background:#191a20 !important; }
.audience-layout { display:grid; grid-template-columns:1fr 1.35fr; gap:85px; }
.audience-rows article { display:grid; grid-template-columns:130px 1fr; gap:30px; padding:27px 0; border-top:1px solid #353540; }
.audience-rows article:first-child { padding-top:0; border:0; }
.audience-rows article > span { font-family:var(--mono); font-size:12px; color:var(--sales-accent); padding-top:6px; }
.audience-rows h3 { font-size:23px; margin-bottom:14px; }
.audience-rows p { color:var(--sales-muted); }
.access-section { background:#0f1014; }
.access-panel { padding:52px; display:grid; grid-template-columns:1.2fr 1fr; gap:80px; background:#202126; border-radius:16px; }
.access-copy h2 { font-size:clamp(36px,3.3vw,50px); }
.access-copy > p:not(.eyebrow) { color:#b4b4c0; margin-top:28px; margin-bottom:30px; max-width:460px; }
.access-footnote { display:block; font-size:12px; color:#9494a3; margin-top:17px; }
.access-options article { padding:8px 0 29px; margin-bottom:24px; border-bottom:1px solid #363540; }
.access-options article > div { display:flex; justify-content:space-between; align-items:center; gap:15px; margin-bottom:22px; }
.plan-label { font-family:var(--mono); font-size:13px; letter-spacing:.1em; color:var(--sales-accent); }
.plan-purpose { font-size:12px; color:#9393a3; }
.access-options h3 { font-size:23px; margin-bottom:13px; }
.access-options p { font-size:15px; color:var(--sales-muted); }
.access-options .text-link { font-size:14px; }
.learning-section#learn { background:#191a20 !important; }
.reading-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.reading-card { display:flex; flex-direction:column; align-items:flex-start; padding:31px; background:#23242c; border-radius:12px; color:#fff; transition:background .2s; }
.reading-card:hover { background:#2b2c35; }
.reading-tag { font-family:var(--mono); letter-spacing:.1em; font-size:12px; color:var(--sales-accent); margin-bottom:44px; }
.reading-card h3 { font-size:25px; margin-bottom:22px; }
.reading-card p { font-size:15px; color:#aeaec0; margin-bottom:35px; }
.reading-link { margin-top:auto; width:100%; display:flex; align-items:center; justify-content:space-between; font-size:14px; }
.reading-link b { color:var(--sales-accent); font-size:24px; font-weight:400; }
.more-reading { margin-top:26px; border-top:1px solid #33343e; }
.more-reading summary { display:flex; justify-content:space-between; cursor:pointer; padding:22px 0; font-size:14px; color:#bebeca; }
.more-reading summary > span { font-size:20px; color:var(--sales-accent); }
.more-reading > div { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; padding-bottom:20px; }
.more-reading a { color:#a9a9b8; font-size:14px; }
.more-reading a:hover { color:#fff; }
.questions-section { background:#0f1014; }
.questions-layout { display:grid; grid-template-columns:.9fr 1.4fr; gap:80px; }
.questions-layout h2 { margin-bottom:28px; }
.questions details { border-bottom:1px solid #30313b; }
.questions details:first-child { border-top:1px solid #30313b; }
.questions summary { list-style:none; padding:24px 0; display:flex; justify-content:space-between; gap:25px; cursor:pointer; font-size:17px; line-height:1.5; }
.questions summary::-webkit-details-marker, .more-reading summary::-webkit-details-marker { display:none; }
.questions summary > span { color:var(--sales-accent); font-size:24px; font-weight:300; line-height:1; transition:transform .2s; }
.questions details[open] summary > span, .more-reading[open] summary > span { transform:rotate(45deg); }
.questions details p { padding:0 28px 26px 0; color:var(--sales-muted); font-size:15px; }
.questions details a { color:#b8a6ff; }
.closing-section { padding:76px 0 88px; background:#202126; }
.closing-layout { display:flex; align-items:center; justify-content:space-between; gap:50px; }
.closing-layout h2 { font-size:clamp(38px,4.6vw,68px); }
.closing-layout > div:last-child { text-align:center; }
.closing-layout > div:last-child p { font-size:13px; color:#9191a0; margin-top:18px; }
.sales-footer { background:#0f1014; padding:48px 0 28px; }
.footer-topline { display:grid; grid-template-columns:1fr 1fr 1fr; gap:50px; align-items:center; padding-bottom:42px; }
.footer-topline img { width:172px; height:auto; display:block; }
.footer-topline > p { color:#a6a6b3; font-size:15px; }
.footer-topline > div { display:flex; flex-direction:column; align-items:flex-end; gap:10px; font-size:14px; }
.footer-topline a { color:#c8c8d3; }
.footer-bottomline { display:flex; gap:30px; justify-content:space-between; border-top:1px solid #292a33; padding-top:25px; font-size:12px; color:#9797a6; }
.footer-bottomline a { color:#c0c0cc; }
.sales-footer .education-notice { color:#797988; font-size:12px; line-height:1.65; margin-top:25px; max-width:1000px; }
.screenshot-dialog { border:0; border-radius:12px; padding:0; background:#14151a; color:#fff; width:min(1600px,96vw); max-width:96vw; max-height:95svh; overflow:hidden; }
.screenshot-dialog::backdrop { background:rgba(0,0,0,.9); }
.dialog-bar { display:flex; justify-content:space-between; gap:30px; align-items:center; padding:10px 18px; }
.dialog-bar p { font:14px/1.5 var(--sans); margin:0; }
.dialog-bar button { width:42px; height:42px; border:0; border-radius:7px; background:#23242c; color:#fff; cursor:pointer; font-size:18px; }
.dialog-actions { display:flex; align-items:center; gap:8px; flex-shrink:0; }
.dialog-bar [data-dialog-size] { width:auto; padding:0 12px; font-size:13px; }
.dialog-bar [data-dialog-size][aria-pressed='true'] { background:#5c3ddb; }
.dialog-image-wrap { max-height:calc(95svh - 65px); overflow:auto; background:#0c0d10; }
.dialog-image-wrap img { display:block; max-width:100%; width:auto; height:auto; margin:0 auto; }
.dialog-image-wrap.is-native img { max-width:none; }
body:has(.screenshot-dialog[open]) { overflow:hidden; }
.sales-motion-ready [data-enter] { opacity:0; transform:translateY(18px); transition:opacity .6s ease,transform .65s cubic-bezier(.2,.7,.25,1); }
.sales-motion-ready [data-enter].is-visible { opacity:1; transform:none; }
@media(min-width:1800px) { .sales-wrap { width:min(1440px,calc(100% - 140px)); } .gallery-image-button, .gallery-panel { min-height:670px; } .gallery-image-button img { height:630px; } }
@media(max-width:1100px) {
  .homepage-redesign .nav-links { gap:16px; }
  .homepage-redesign .nav-links a { font-size:13px; }
  .sales-wrap { width:calc(100% - 64px); }
  .intro-layout { gap:34px; grid-template-columns:1.3fr 1fr; }
  .intro-summary p { font-size:16px; }
  .product-points .browser-note { margin-left:0; }
  .gallery-story { padding:28px; }
  .gallery-panel { grid-template-columns:.9fr 1.5fr; min-height:520px; }
  .gallery-image-button { min-height:520px; padding:15px; }
  .gallery-image-button img { height:490px; }
  .gallery-story-body h3 { font-size:27px; }
  .benefit-grid { column-gap:40px; }
  .risk-note { grid-template-columns:1fr 2fr; } .risk-note a { grid-column:2; }
  .audience-layout, .questions-layout { gap:40px; }
  .audience-rows article { grid-template-columns:1fr; gap:13px; }
  .access-panel { padding:38px; gap:40px; }
  .reading-card { padding:25px; }
}
@media(max-width:800px) {
  .sales-section { padding:76px 0; }
  .section-marker span:last-child { display:none; }
  .intro-layout, .section-heading { grid-template-columns:1fr; gap:28px; }
  .intro-summary { display:flex; align-items:center; gap:30px; }
  .intro-summary p { margin-bottom:0; }
  .intro-summary a { min-width:180px; }
  .section-heading { margin-bottom:34px; }
  .section-heading > p { max-width:560px; }
  .gallery-panel { display:flex; flex-direction:column-reverse; }
  .gallery-image-button { min-height:460px; padding:20px; }
  .gallery-image-button img { height:420px; }
  .gallery-story { position:relative; padding:28px; gap:20px; }
  .screen-number { position:absolute; right:27px; top:27px; font-size:50px; opacity:.6; }
  .gallery-story-body { padding-right:60px; }
  .gallery-story-body h3 { font-size:27px; }
  .gallery-story-body h3 br { display:none; }
  .gallery-story > a { margin-top:0; }
  .workflow { gap:24px; } .workflow h3 { font-size:22px; } .workflow p { font-size:15px; }
  .audience-layout, .questions-layout { grid-template-columns:1fr; }
  .audience-rows article { grid-template-columns:150px 1fr; gap:20px; }
  .access-panel { grid-template-columns:1fr; gap:36px; }
  .access-options { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .access-options > a { grid-column:1/-1; }
  .reading-grid { gap:12px; } .reading-card { padding:20px; } .reading-card h3 { font-size:22px; }
  .footer-topline { gap:24px; }
}
@media(max-width:560px) {
  .homepage-redesign .nav-in { gap:12px; }
  .homepage-redesign .nav-cta { margin-left:auto; }
  .homepage-redesign .nav-cta .lang-toggle { display:none; }
  .homepage-redesign .nav-cta .btn-app { font-size:12px; padding:10px 12px; }
  .homepage-redesign .nav-cta .btn-app .arr { display:none; }
  .homepage-redesign .brand img { height:34px; max-width:124px; }
  .brand-purpose { font-size:10px; }
  .sales-wrap { width:calc(100% - 40px); }
  .product-intro { padding-top:12px; padding-bottom:42px; }
  .section-marker { padding:22px 0 28px; }
  .sales-home h1 { font-size:40px; }
  .intro-summary { display:block; } .intro-summary p { font-size:16px; margin-bottom:23px; }
  .product-points { display:grid; grid-template-columns:1fr; gap:14px; margin-top:35px; }
  .sales-section { padding:64px 0; }
  .sales-home h2 { font-size:37px; }
  .sales-home .eyebrow { margin-bottom:18px; }
  .gallery-tabs { gap:3px; padding:6px; }
  .gallery-tabs button { padding:11px 13px; }
  .gallery-image-button { padding:12px; min-height:370px; }
  .gallery-image-button img { height:345px; }
  .gallery-story { padding:25px 22px; }
  .gallery-story-body { padding-right:20px; }
  .screen-number { display:none; }
  .gallery-story-body h3 { font-size:25px; }
  .gallery-story-body p:last-child { font-size:15px; }
  .gallery-caption { font-size:11px; margin-left:12px; }
  .image-zoom-hint { font-size:11px; right:10px; bottom:10px; }
  .benefit-grid, .workflow, .reading-grid { grid-template-columns:1fr; }
  .benefit-feature { padding-bottom:32px; }
  .benefit-feature h3 { font-size:28px; }
  .risk-note { display:flex; flex-direction:column; align-items:flex-start; padding:26px; gap:20px; }
  .risk-note .eyebrow { margin-bottom:0; }
  .workflow { gap:30px; } .workflow li { padding-top:25px; } .step-number { margin-bottom:24px; }
  .workflow h3 { font-size:24px; } .workflow p { margin-bottom:10px; }
  .inline-cta { align-items:flex-start; flex-direction:column; gap:20px; }
  .audience-rows article { grid-template-columns:1fr; gap:15px; padding:25px 0; }
  .access-panel { padding:30px 24px; }
  .access-panel h2 { font-size:35px; }
  .access-options { display:block; }
  .access-options article { margin-bottom:28px; }
  .access-footnote { line-height:1.7; }
  .reading-card { padding:28px; }
  .reading-tag { margin-bottom:27px; }
  .reading-card h3 { font-size:27px; }
  .more-reading > div { grid-template-columns:1fr 1fr; gap:17px; }
  .questions summary { font-size:16px; }
  .closing-layout { align-items:flex-start; flex-direction:column; gap:32px; }
  .closing-layout > div:last-child { text-align:left; }
  .footer-topline { grid-template-columns:1fr; gap:25px; }
  .footer-topline > div { align-items:flex-start; }
  .footer-bottomline { flex-wrap:wrap; gap:16px; }
  .footer-bottomline span:nth-child(2) { order:3; flex-basis:100%; }
  .footer-bottomline > a { margin-left:auto; }
}
/* Keep header controls usable on touch screens without changing desktop links. */
.homepage-redesign .nav-cta .btn,
.homepage-redesign .lang-toggle [data-lang-option] { min-height:44px; }
.homepage-redesign .lang-toggle [data-lang-option] { min-width:44px; display:inline-flex; align-items:center; justify-content:center; }
.nav-app-short, .nav-menu-toggle { display:none; }
.questions summary { padding-right:12px; align-items:center; }
.questions summary > span { flex:0 0 24px; width:24px; height:24px; text-align:center; }
@media(max-width:1000px) {
  .homepage-redesign .nav-cta .btn-tg { display:none; }
  .homepage-redesign .nav-in { position:relative; }
  .homepage-redesign .nav-cta { margin-left:auto; gap:8px; }
  .nav-menu-toggle { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:44px; height:44px; flex:0 0 44px; border:1px solid #35353f; border-radius:10px; background:#24242d; color:#f5f5f7; cursor:pointer; }
  .nav-menu-toggle span { width:19px; height:2px; background:currentColor; }
  .nav-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
  .nav-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0; }
  .nav-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
  .homepage-redesign .nav-links { display:none; position:absolute; top:100%; left:0; right:0; padding:12px; max-height:calc(100svh - 90px); overflow-y:auto; border:1px solid #35353f; border-radius:0 0 14px 14px; background:#191a20; box-shadow:0 18px 35px #0008; }
  .homepage-redesign .menu-open .nav-links { display:flex; flex-direction:column; gap:4px; }
  .homepage-redesign .nav-links a { display:flex; align-items:center; min-height:44px; padding:8px 14px; border-radius:8px; font-size:16px; }
  .homepage-redesign .nav-links a:hover { background:#292832; }
}
@media(max-width:560px) {
  .nav-app-label { display:none; }
  .nav-app-short { display:inline; }
  .homepage-redesign .nav-in { gap:8px; }
  .homepage-redesign .nav-cta .btn-app { padding:10px 12px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .sales-motion-ready [data-enter] { opacity:1; transform:none; transition:none; }
  .gallery-image-button img, .questions summary > span { transition:none; }
}