/* Third flagship: full-screen panels, edge to edge, very few words. Name at the top, product in the middle,
   two buttons at the bottom. Black and white with MSDP red only on the main button and the final step. */
body{background:#000;font-family:var(--msdp-font)}
.wrap:has(.tx-page){max-width:none;padding:0}
.wrap:has(.tx-page) .marketing-nav{padding-inline:32px;color:#fff;border-bottom-color:#1c1c1f;background:#000}
.wrap:has(.tx-page) .nav .brand small,.wrap:has(.tx-page) .nav .brand .brand-company{color:#8a8a90}
.wrap:has(.tx-page) .feature-dropdown{color:#111}
.wrap:has(.tx-page)>footer{padding-inline:32px;border-top-color:#1c1c1f;color:#8a8a90}
.tx-page{color:#fff;line-height:1.4}
.tx-page :is(h1,h2,p,ul,ol,dl,figure){margin:0}
.tx-page ul,.tx-page ol{list-style:none;padding:0}
.tx-page section{padding:0}
.tx-page a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.tx-trial{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:#8a8a90;padding:8px 32px;border-bottom:1px solid #1c1c1f}
.tx-trial a{color:#fff;text-decoration:none}
.tx-label{font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#9a9aa1}
.tx-fine{font-size:12px;color:#6f6f76}

.tx-panel{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:9vh 24px 7vh!important;overflow:hidden;background:#000}
.tx-panel.light{background:#f4f4f4;color:#171a20}
.tx-top{position:relative;z-index:2}
.tx-page h1{font-size:clamp(46px,8.4vw,128px);line-height:.96;letter-spacing:-.04em;font-weight:650;margin-top:22px}
.tx-page h2{font-size:clamp(34px,5.2vw,68px);line-height:1;letter-spacing:-.035em;font-weight:650}
.tx-line{font-size:clamp(16px,1.6vw,20px);margin-top:12px;opacity:.78}
.tx-buttons{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:16px;width:100%;max-width:560px}
.tx-btn{flex:1 1 220px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:5px;font-size:13px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#fff;background:#ffffff1f;backdrop-filter:blur(8px);transition:background .2s}
.tx-btn:hover{background:#ffffff33}
.tx-btn.solid{background:var(--msdp-action);color:#fff}
.tx-btn.solid:hover{background:var(--msdp-action-hover)}
.light .tx-btn{background:#171a2014;color:#171a20}
.light .tx-btn:hover{background:#171a2024}
.light .tx-btn.solid{background:#171a20;color:#fff}
.light .tx-btn.solid:hover{background:#000}

.tx-hero{background:radial-gradient(ellipse 80% 55% at 50% 62%,#1b2436 0%,#05070b 60%,#000 100%)}
.tx-craft{position:relative;width:min(980px,86vw);margin:4vh auto}
.tx-craft img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 1px #ffffff1a,0 40px 120px #000,0 0 160px #3b5bdb26}
.tx-craft .phone{position:absolute;right:-5%;bottom:-7%;width:16%;border-radius:18px;box-shadow:0 0 0 4px #0b0d12,0 0 0 5px #ffffff26,0 30px 70px #000}
.tx-shot{flex:1;display:flex;align-items:center;justify-content:center;width:100%;margin:4vh 0;min-height:0}
.tx-shot img{display:block;max-width:min(1040px,88vw);width:100%;height:auto;border-radius:12px;box-shadow:0 40px 100px #00000030,0 0 0 1px #00000014}
.tx-shot.phone img{width:auto;max-width:none;height:min(58vh,560px);border-radius:28px;box-shadow:0 0 0 5px #15171c,0 0 0 6px #ffffff24,0 40px 110px #000,0 0 140px #10b98122}

.tx-service{background:radial-gradient(ellipse 70% 50% at 50% 55%,#2a1a0a 0%,#000 70%)}
.tx-checks{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff1f;width:min(900px,90vw);border:1px solid #ffffff1f}
.tx-checks li{background:#000;padding:44px 20px;font-size:14px;letter-spacing:.06em;color:#9a9aa1}
.tx-checks b{display:block;font-size:clamp(34px,5vw,64px);letter-spacing:-.03em;color:#fff;margin-bottom:10px}
.tx-checks b:after{content:' ✓';color:#f59e0b;font-size:.6em}

.tx-page .tx-mission{background:#000;text-align:center;padding:18vh 24px}
.tx-mission h2{font-size:clamp(38px,6.4vw,92px);margin:18px 0 26px}
.tx-mission>p:not(.tx-label){font-size:clamp(17px,1.8vw,21px);color:#b5b5bd;max-width:640px;margin:auto}
.tx-mission dl{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:10vh auto 0;border-top:1px solid #26262b}
.tx-mission dl div{padding:32px 12px 0}
.tx-mission dt{font-size:clamp(56px,9vw,120px);line-height:1;letter-spacing:-.05em;font-weight:650}
.tx-mission dd{margin:10px 0 0;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#9a9aa1}

.tx-page .tx-sequence{background:#0a0b0e;padding:14vh 24px}
.tx-sequence>:is(p,h2){text-align:center}
.tx-sequence h2{margin:16px 0 8vh}
.tx-sequence ol{max-width:980px;margin:0 auto 28px;border-top:1px solid #26262b}
.tx-sequence li{display:grid;grid-template-columns:110px 220px 170px 1fr;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid #26262b}
.tx-sequence time{font:500 15px var(--msdp-font-mono);color:#9a9aa1}
.tx-sequence li b{font-size:22px;letter-spacing:-.02em}
.tx-sequence li span{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#9a9aa1}
.tx-sequence li p{font-size:16px;color:#b5b5bd}
.tx-sequence li.go b{color:#ff6b78}
.tx-sequence .tx-fine{text-align:center}

.tx-end{min-height:80vh;min-height:80svh;justify-content:center;gap:6vh;background:radial-gradient(ellipse 70% 60% at 50% 100%,#3a0d12 0%,#000 70%)}
.tx-end h2{font-size:clamp(46px,8vw,120px);margin-top:20px}
@media(max-width:900px){
.tx-sequence li{grid-template-columns:70px 1fr;gap:4px 14px}
.tx-sequence li :is(span,p){grid-column:2}
.tx-checks{grid-template-columns:1fr}
.tx-checks li{padding:26px 20px}
}
@media(max-width:700px){
.wrap:has(.tx-page) .marketing-nav,.wrap:has(.tx-page)>footer,.tx-trial{padding-inline:20px}
.tx-panel{padding:7vh 20px 5vh!important}
.tx-craft{width:92vw}
.tx-craft .phone{right:-2%;width:22%;border-radius:12px}
.tx-shot.phone img{height:52vh}
.tx-mission dl{grid-template-columns:1fr}
.tx-page .tx-mission,.tx-page .tx-sequence{padding:11vh 20px}
.tx-btn{flex-basis:100%}
}
/* Keep the hero product clear of the headline and the buttons on short screens. */
.tx-craft{width:min(980px,86vw,112vh);margin:3vh auto 5vh}
.tx-shot img{max-width:min(1040px,88vw,118vh)}
/* The first screen holds headline, product and buttons: size the product from the height that is left. */
.tx-hero{min-height:calc(100svh - 150px);padding-top:6vh!important}
.tx-hero h1{font-size:clamp(40px,min(7vw,11vh),112px)}
.tx-craft{width:min(86vw,62vh);margin:3vh auto 5vh}
.tx-page{overflow-x:clip}
@media(max-width:700px){
.tx-label{letter-spacing:.14em;font-size:11px}
.tx-craft{width:min(86vw,46vh)}
.tx-craft .phone{right:-3%}
}
.tx-hero .tx-line{margin-top:18px}
.tx-craft{width:min(86vw,56vh);margin:4vh auto 9vh}
@media(max-width:700px){.tx-craft{margin-bottom:6vh}}
/* The reset above outranks single-class margins on figures; restate them with the page prefix. */
.tx-page .tx-craft{margin:5vh auto 9vh}
.tx-page .tx-shot{margin:4vh 0}
@media(max-width:700px){.tx-page .tx-craft{margin:5vh auto 7vh}}
.tx-page .tx-craft{width:min(86vw,44vh);margin:4vh auto 6vh}
.tx-shot.phone img{aspect-ratio:390/844}

/* ---- Meeting mode and product pages ---- */
.tx-rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:30;display:grid;gap:4px;mix-blend-mode:difference}
.tx-rail button{display:flex;align-items:center;justify-content:flex-end;gap:10px;background:none;border:0;padding:5px 0;cursor:pointer;color:#fff;font:600 11px var(--msdp-font);letter-spacing:.14em;text-transform:uppercase}
.tx-rail span{opacity:0;transition:opacity .2s;white-space:nowrap}
.tx-rail i{width:8px;height:8px;border-radius:50%;border:1.5px solid #fff;transition:background .2s,transform .2s}
.tx-rail button:hover span,.tx-rail button:focus-visible span{opacity:1}
.tx-rail .on i{background:#fff;transform:scale(1.3)}
.tx-bar{position:fixed;left:18px;bottom:16px;z-index:30;display:flex;align-items:center;gap:14px;font:600 11px var(--msdp-font-mono);letter-spacing:.1em;color:#fff;mix-blend-mode:difference}
.tx-bar span{opacity:.6}
.tx-bar button{font:600 11px var(--msdp-font);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:none;border:1px solid #fff;border-radius:4px;padding:6px 12px;cursor:pointer}
.tx-presenting .marketing-nav,.tx-presenting .wrap>footer,.tx-presenting .tx-trial,.tx-presenting .tx-bar span{display:none}
.tx-presenting .tx-hero{min-height:100svh}
html:has(.tx-page){scroll-behavior:smooth}

.tx-page .tx-gets{background:#000;text-align:center;padding:16vh 24px}
.tx-gets h2{margin:16px 0 8vh}
.tx-gets ol{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#26262b;max-width:1240px;margin:auto;border:1px solid #26262b;text-align:left}
.tx-gets li{background:#000;padding:36px 28px;display:grid;gap:12px;counter-increment:get}
.tx-gets li:before{content:'0' counter(get);font:600 12px var(--msdp-font-mono);letter-spacing:.14em;color:#6f6f76}
.tx-gets b{font-size:clamp(24px,2.4vw,34px);letter-spacing:-.03em;line-height:1.05}
.tx-gets span{font-size:16px;color:#b5b5bd}

.tx-crumb{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:6px 28px;flex-wrap:wrap;background:#000000e6;backdrop-filter:blur(12px);border-bottom:1px solid #1c1c1f;padding:12px 32px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.tx-crumb a{color:#9a9aa1;text-decoration:none;padding:6px 0}
.tx-crumb a:first-child{color:#fff;margin-right:auto;font-size:15px;letter-spacing:-.01em;text-transform:none}
.tx-crumb a:hover{color:#fff}
.tx-crumb a[aria-current]{color:var(--accent)}
.tx-crumb .tx-crumb-cta{color:#fff;background:var(--msdp-action);border-radius:4px;padding:8px 16px}
.tx-product .tx-hero .tx-label,.tx-product .tx-feature .tx-label b{color:var(--accent)}
.tx-product .tx-hero{min-height:calc(100svh - 200px)}
.tx-product .tx-hero .tx-shot img{max-width:min(980px,84vw,96vh)}
.tx-product .tx-hero .tx-shot.phone img{height:min(50vh,520px)}

.tx-page .tx-feature{min-height:100svh;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center;padding:10vh 7vw;background:#000;border-top:1px solid #1c1c1f}
.tx-feature.flip{background:#0a0b0e}
.tx-feature.flip .tx-feature-text{order:2}
.tx-feature>*{min-width:0}
.tx-feature h2{font-size:clamp(34px,4.6vw,68px);margin:18px 0 32px}
.tx-feature ul{border-top:1px solid #26262b}
.tx-feature li{font-size:clamp(16px,1.5vw,20px);color:#c9c9d0;padding:16px 0;border-bottom:1px solid #26262b}
.tx-page .tx-feature .tx-shot{margin:0}
.tx-feature .tx-shot img{max-width:100%;box-shadow:0 0 0 1px #ffffff1a,0 40px 110px #000}
.tx-feature .tx-shot.phone img{height:min(72vh,640px);max-width:none}
.tx-facts{grid-template-columns:1fr!important;width:100%!important}
.tx-facts li{text-align:left;padding:30px 32px;display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:20px;align-items:baseline}
.tx-facts b{font-size:clamp(28px,3.6vw,48px)!important;margin:0!important;color:var(--accent)!important}
.tx-facts b:after{content:none!important}
.tx-hero .tx-facts{grid-template-columns:repeat(3,1fr)!important;width:min(980px,90vw)!important;margin:5vh 0}
.tx-hero .tx-facts li{grid-template-columns:1fr;text-align:center;gap:8px;padding:40px 16px}

.tx-page .tx-specs{background:#000;text-align:center;padding:16vh 24px;border-top:1px solid #1c1c1f}
.tx-specs h2{margin:16px 0 8vh}
.tx-specs dl{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto 6vh;border-top:1px solid #26262b}
.tx-specs dl div{padding:30px 12px 0}
.tx-specs dt{font-size:clamp(22px,2.6vw,36px);letter-spacing:-.03em;font-weight:650;line-height:1.1}
.tx-specs dd{margin:12px 0 0;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#9a9aa1}
.tx-specs .tx-fine{max-width:640px;margin:auto;font-size:13px;color:#9a9aa1}
@media(max-width:1000px){
.tx-rail span{display:none}
.tx-gets ol,.tx-specs dl{grid-template-columns:1fr 1fr}
.tx-page .tx-feature{grid-template-columns:1fr;gap:6vh;min-height:0;padding:10vh 24px}
.tx-feature.flip .tx-feature-text{order:0}
.tx-crumb a:not(:first-child):not(.tx-crumb-cta):not([aria-current]){display:none}
}
@media(max-width:700px){
.tx-rail{right:8px}
.tx-bar{left:10px;bottom:10px}
.tx-bar span{display:none}
.tx-gets ol{grid-template-columns:1fr}
.tx-crumb{padding:10px 20px;gap:6px 16px}
.tx-facts li,.tx-hero .tx-facts li{grid-template-columns:1fr;gap:6px;padding:22px 20px;text-align:left}
.tx-hero .tx-facts{grid-template-columns:1fr!important}
.tx-feature .tx-shot.phone img{height:56vh}
}
@media print{.tx-rail,.tx-bar{display:none}}
/* Fit fixes after review: each stop fills the screen; images get the wide column. */
.tx-page .tx-gets,.tx-page .tx-mission,.tx-page .tx-specs{min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.tx-page .tx-sequence{min-height:100svh}
.tx-feature.flip{grid-template-columns:1.2fr .8fr}
.tx-product .tx-hero .tx-shot img{max-width:min(900px,80vw,78vh)}
.tx-product .tx-hero .tx-shot.phone img{height:min(44vh,480px);max-width:none}
.tx-product .tx-hero{padding-bottom:9vh!important}
@media(max-width:1000px){.tx-feature.flip{grid-template-columns:1fr}}
.tx-product .tx-hero .tx-shot:not(.phone) img{max-width:min(900px,80vw,52vh)}
.tx-product .tx-hero .tx-shot.phone img{height:min(38vh,440px)}
.tx-page .tx-product .tx-shot,.tx-product .tx-hero .tx-shot{margin:3vh 0 4vh}