/* Pages added in v0.36: contact, security, compare, webinar, calculator, industries, partners, resources tabs. */
.xp-hero{padding-bottom:40px}
.xp-hero p a{color:var(--blue)}
.xp-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:0 1px 2px #10223C08}
.xp-card h3{font-size:21px;margin:16px 0 10px}
.xp-card p{font-size:14px;line-height:1.7}
.xp-card p a,.xp-stack p a,.xp-help-body a,.lf-note a,.xp-faq a{color:var(--blue);text-decoration:underline}
.xp-card>.icon{width:26px;height:26px;color:var(--blue)}
.xp-card-quiet{background:var(--mist);border-color:transparent;box-shadow:none}
.xp-card-quiet strong{display:block;font-size:13px;margin-top:14px}
.xp-card-quiet strong:first-child{margin-top:0}
.xp-card-quiet p{margin-top:2px}
.xp-card-link{display:block;transition:transform .2s,box-shadow .2s,border-color .2s}
.xp-card-link:hover{transform:translateY(-3px);border-color:#C9D4F5;box-shadow:0 12px 30px #10223C12}
.xp-card-link .text-link{display:inline-flex;gap:8px;align-items:center;margin-top:16px;font-weight:600;font-size:14px;color:var(--blue)}
.xp-two{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.xp-two h2{margin-bottom:18px}
.xp-two .check-list li{font-size:15px;padding:14px 0;border-bottom:1px solid var(--line)}
.xp-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.xp-trust-2{grid-template-columns:repeat(2,1fr)}
.xp-trust-2 .check-list{margin-top:18px}
.xp-never,.xp-fair,.xp-calc-lead{background:var(--mist)}
.xp-stack{display:grid;gap:28px}
.xp-stack h3{font-size:19px;margin-bottom:8px}
.xp-stack p{font-size:15px}
.xp-report{padding-top:0}
.xp-report-card{display:flex;gap:30px;align-items:center}
.xp-report-card h3{margin-top:0}

/* Resources tabs */
.rs-tabs{border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:1}
.rs-tabs-inner{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.rs-tabs-inner::-webkit-scrollbar{display:none}
.rs-tabs a{padding:16px 18px;font-size:14px;font-weight:600;color:var(--slate);border-bottom:2px solid transparent;white-space:nowrap}
.rs-tabs a:hover{color:var(--navy)}
.rs-tabs a.on{color:var(--blue);border-bottom-color:var(--blue)}

/* Forms */
.lead-form{display:grid;gap:22px}
.lf-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lf-field{display:grid;gap:7px;font-size:13px;font-weight:600;color:var(--navy)}
.lf-field small{font-weight:500;color:var(--slate)}
.lf-full{grid-column:1/-1}
.lf-field input,.lf-field select,.lf-field textarea{width:100%;border:1px solid #D5DCE7;border-radius:8px;padding:13px 14px;font-size:15px;background:#fff;color:var(--navy);font-weight:400}
.lf-field textarea{resize:vertical;min-height:110px}
.lf-field input:focus,.lf-field select:focus,.lf-field textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #2D55FF22}
.lf-hint{font-weight:400!important;font-size:12px;line-height:1.5}
.lf-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.lf-error{background:#FDECEC;color:#9B1C1C;border-radius:8px;padding:11px 14px;font-size:14px}
.lf-submit{justify-self:start;min-width:180px}
.lf-note{font-size:12px;line-height:1.6;color:var(--slate)}
.lf-done{display:flex;gap:16px;align-items:flex-start;background:#EAF7F0;border:1px solid #BFE6D1;border-radius:var(--radius);padding:26px}
.lf-done .icon{width:28px;height:28px;color:var(--green);background:#fff;border-radius:50%;padding:4px}
.lf-done h3{font-size:20px;margin-bottom:6px}

/* Contact */
.xp-contact{padding-top:30px}
.xp-contact-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:start}
.xp-contact-form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:0 10px 40px #10223C0D}
.xp-contact-aside{display:grid;gap:18px}
.xp-step{display:flex;gap:14px;margin-top:18px}
.xp-step b{font-family:var(--font-display);color:var(--blue);font-size:14px;min-width:22px}
.xp-step strong{font-size:14px;display:block}
.xp-step p{font-size:13px;margin-top:2px}

/* Compare */
.xp-compare{padding-top:30px}
.xp-vs{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.xp-vs-col{border:1px solid var(--line);border-radius:var(--radius);padding:34px;background:#fff}
.xp-vs-col.us{border:2px solid var(--blue);box-shadow:0 16px 40px #2D55FF18}
.xp-vs-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:4px}
.xp-vs-list li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.55}
.xp-vs-list li:last-child{border-bottom:0}
.xp-vs-list .icon{width:20px;height:20px;margin-top:2px;color:var(--blue)}
.xp-vs-list.them .icon{color:#B4BDCB}
.xp-vs-list.them li{color:var(--slate)}
.xp-more{padding-top:60px;padding-bottom:60px}
.xp-link-row{display:flex;flex-wrap:wrap;gap:12px}
.xp-link-card{display:inline-flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;padding:14px 18px;font-size:14px;background:#fff}
.xp-link-card:hover{border-color:var(--blue);color:var(--blue)}

/* Webinar */
.xp-webinar{background:linear-gradient(180deg,#F4F6FD,#fff)}
.xp-webinar-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.xp-webinar h1{font-size:clamp(40px,4.6vw,62px);margin-bottom:22px}
.xp-sub{font-size:20px;margin:34px 0 8px}
.xp-webinar-card{position:sticky;top:110px}
.xp-webinar-card h3{margin-top:0}
.xp-webinar-card .lf-grid{grid-template-columns:1fr}
.xp-webinar-card .lf-submit{justify-self:stretch}

/* Calculator */
.xp-calc{padding-top:30px}
.xp-calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.xp-calc-form{display:grid;gap:24px}
.xp-choice{border:0;padding:0;margin:0;display:grid;gap:8px}
.xp-choice legend{font-size:13px;font-weight:600;margin-bottom:8px}
.xp-choice label{display:flex;gap:10px;align-items:center;border:1px solid #D5DCE7;border-radius:8px;padding:12px 14px;font-size:14px;cursor:pointer}
.xp-choice label:has(input:checked){border-color:var(--blue);background:#F2F5FF}
.xp-calc-result{background:var(--navy);border-color:var(--navy);color:#fff}
.xp-calc-result .eyebrow{color:#9FB0CF}
.xp-calc-result strong{display:block;font-family:var(--font-display);font-size:clamp(34px,4vw,48px);letter-spacing:-.04em;line-height:1.1}
.xp-calc-result p{color:#C9D3E6}
.xp-calc-result>p{font-size:16px;margin-top:10px}
.xp-calc-how{margin:26px 0;padding-top:20px;border-top:1px solid #ffffff22}
.xp-calc-how h4{color:#fff;font-size:15px;margin-bottom:6px}
.xp-calc-how p{font-size:12px;line-height:1.7}

/* FAQ and Help */
.xp-faq-group{padding:40px 0;border-bottom:1px solid var(--line)}
.xp-faq-group:first-child{padding-top:0}
.xp-faq-group .eyebrow{font-size:13px;color:var(--navy)}
.xp-help-group{margin-bottom:44px}
.xp-help-group h2{font-size:26px;margin-bottom:16px}
.xp-help-list{display:grid;gap:10px}
.xp-help-item{border:1px solid var(--line);border-radius:10px;background:#fff}
.xp-help-item summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:600;cursor:pointer}
.xp-help-item summary::-webkit-details-marker{display:none}
.xp-help-item[open] summary .icon{transform:rotate(45deg)}
.xp-help-item summary .icon{transition:transform .2s;color:var(--blue)}
.xp-help-body{padding:0 22px 20px;color:var(--slate);font-size:15px;line-height:1.7}
.xp-help-body ol,.xp-help-body ul{margin:0 0 12px;padding-left:22px}
.xp-help-body li{margin:6px 0}
.xp-help-body b{color:var(--navy)}
.xp-help-more{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}
.xp-help-more h3{margin-top:0}

/* What's new */
.xp-release{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:40px 0;border-bottom:1px solid var(--line)}
.xp-release:first-child{padding-top:0}
.xp-release-month .eyebrow{font-size:14px;color:var(--navy)}
.xp-release-items{display:grid;gap:26px}
.xp-release-items h3{font-size:20px;margin:8px 0 6px}
.xp-new-pill{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);background:#E8EDFF;border-radius:20px;padding:3px 10px}

@media(max-width:1000px){.xp-trust-grid{grid-template-columns:repeat(2,1fr)}.xp-two{gap:40px}.xp-contact-grid,.xp-webinar-grid{grid-template-columns:1fr}.xp-webinar-card{position:static}}
@media(max-width:760px){.xp-trust-grid,.xp-trust-2,.xp-two,.xp-vs,.xp-calc-grid,.lf-grid{grid-template-columns:1fr}.xp-two{gap:24px}.xp-contact-form{padding:22px}.xp-card{padding:22px}.xp-vs-col{padding:24px}.xp-release{grid-template-columns:1fr;gap:12px}.xp-help-more,.xp-report-card{flex-direction:column;align-items:flex-start}.lf-submit{justify-self:stretch}}

/* Booking calendar (v0.36.1) */
.xp-switch{display:flex;gap:6px;background:var(--mist);border-radius:10px;padding:5px;margin-bottom:26px}
.xp-switch button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;border-radius:7px;font-size:14px;font-weight:600;color:var(--slate)}
.xp-switch button .icon{width:17px;height:17px}
.xp-switch button.on{background:#fff;color:var(--navy);box-shadow:0 1px 3px #10223C1A}
.xp-pane-title{font-size:24px;margin-bottom:6px}
.xp-pane-text{font-size:14px;margin-bottom:18px}
.xp-cal{position:relative;min-height:640px}
.xp-cal-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--slate);font-size:14px}
.xp-spin{width:18px;height:18px;border:2px solid #D5DCE7;border-top-color:var(--blue);border-radius:50%;animation:xpspin .8s linear infinite}
@keyframes xpspin{to{transform:rotate(360deg)}}
.xp-cal-note{margin-top:10px}
.xp-booked{text-align:center;padding-top:90px}
.xp-booked-inner{max-width:980px}
.xp-booked-check{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#EAF7F0;color:var(--green);margin-bottom:22px}
.xp-booked-check .icon{width:30px;height:30px}
.xp-booked h1{margin-bottom:20px}
.xp-booked .large-copy{max-width:640px;margin:0 auto 50px}
.xp-booked-grid{text-align:left}

/* Apps and approval previews (v0.38) */
.app-badge{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:0 1px 2px #10223C0A}
.app-badge svg,.app-badge img{width:24px;height:24px}
.app-badge.sm{width:28px;height:28px;border-radius:8px}
.app-badge.sm svg,.app-badge.sm img{width:17px;height:17px}
.home-apps{background:var(--mist)}
.home-apps-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.home-apps h2{margin-bottom:18px}
.home-app-row{display:flex;flex-wrap:wrap;gap:14px;margin:26px 0 24px}
.home-app-row>span{display:grid;justify-items:center;gap:6px;width:76px}
.home-app-row small{font-size:11px;color:var(--slate);text-align:center;line-height:1.3}
.apps-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:28px}
.apps-tabs button{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--slate)}
.apps-tabs button.on{border-color:var(--blue);color:var(--navy);box-shadow:0 6px 18px #2D55FF1A}
.apps-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center;background:linear-gradient(180deg,#F4F6FD,#fff);border:1px solid var(--line);border-radius:20px;padding:44px}
.apps-copy p{font-size:18px;line-height:1.6}
.apps-mock{display:flex;justify-content:center}
.ap-note{text-align:center;margin-top:14px}
.ap-num{font-family:var(--font-display);font-weight:800;color:var(--blue);font-size:15px}
.ap-steps{grid-template-columns:repeat(4,1fr)}
.ap-apps{display:grid;gap:12px}
.ap-app{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.ap-app strong{display:block;font-size:15px}
.ap-app span:not(.app-badge){font-size:13px;color:var(--slate)}

/* The mock app windows */
.mk{width:100%;max-width:540px;background:#fff;border:1px solid #DCE2EE;border-radius:14px;box-shadow:0 24px 60px #10223C1F;overflow:hidden;font-size:13.5px;line-height:1.55;color:#1D1C1D;text-align:left}
.mk p{color:inherit;margin:2px 0 6px}
.mk b{font-weight:700}
.mk-muted{color:#616061}
.mk-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #E8E8E8;font-size:13px}
.mk-bar span{color:#868686;font-size:12px}
.mk-row{display:flex;gap:10px;padding:14px 16px}
.mk-av{width:36px;height:36px;flex:0 0 36px;border-radius:8px;background:#2D55FF;display:grid;place-items:center}
.mk-av.person{background:#E8EDFF;color:#10223C;font-weight:700;font-size:12px}
.mk-av .mk-mark{width:22px;height:20px;filter:brightness(0) invert(1)}
.mk-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:#616061}
.mk-meta b{color:#1D1C1D;font-size:14px}
.mk-app{background:#E8E8E8;border-radius:3px;padding:0 4px;font-size:10px;font-weight:700}
.mk blockquote{margin:4px 0 10px;padding-left:10px;border-left:4px solid #DDDDDD;color:#454245}
.mk-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.mk-btns.center{justify-content:center}
.mk-btn{display:inline-block;padding:6px 14px;border:1px solid #CFCFCF;border-radius:6px;font-weight:700;font-size:13px;background:#fff}
.mk-btn.good{background:#007A5A;border-color:#007A5A;color:#fff}
.mk-btn.ghost{border-color:transparent;color:#2D55FF;font-weight:600}
.mk-done{background:#F8F8F8}
.mk-portal .mk-av{border-radius:50%}
.mk-portal .mk-btn.good,.mk-email .mk-btn.good{background:#2D55FF;border-color:#2D55FF}
.mk-bubble{background:#F4F6FD;border:1px solid #E3E8F7;border-radius:4px 12px 12px 12px;padding:10px 12px;margin:4px 0 6px}
.mk-compose{display:flex;justify-content:space-between;align-items:center;margin:0 16px 16px;border:1px solid #DCE2EE;border-radius:10px;padding:10px 12px;color:#94A3B8}
.mk-send{background:#2D55FF;color:#fff;border-radius:7px;padding:4px 12px;font-weight:600;font-size:12px}
.mk-email{background:#F3F4F8}
.mk-mailhead{background:#fff;padding:12px 16px;border-bottom:1px solid #E4E7EF;display:grid}
.mk-mailhead span{color:#5F6368;font-size:12.5px}
.mk-mailbody{margin:16px;background:#F4F5FC;border-radius:12px;padding:0 20px 18px;text-align:center;overflow:hidden}
.mk-mailtop{margin:0 -20px 16px;background:#10223C;color:#fff;padding:14px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:16px}
.mk-mailtop .mk-mark{width:22px;height:20px;filter:brightness(0) invert(1)}
.mk-mailbody h4{font-size:19px;margin-bottom:8px;color:#10223C}
.mk-mailbody small{display:block;margin-top:12px;color:#64748B;font-size:11px}
.mk-teams{background:#F5F5F5}
.mk-teams .mk-bar{background:#fff}
.mk-teams .mk-av{border-radius:50%;background:#5B5FC7}
.mk-card{background:#fff;border:1px solid #E1DFDD;border-radius:6px;padding:12px 14px;margin-top:4px}
.mk-btn.teams{background:#5B5FC7;border-color:#5B5FC7;color:#fff}
.mk-phone{max-width:340px;border-radius:30px;border:8px solid #10223C;box-shadow:0 30px 70px #10223C33}
.mk-phonebar{display:flex;gap:10px;align-items:center;padding:12px 14px;color:#fff;font-size:14px}
.mk-wa .mk-phonebar{background:#075E54}
.mk-tg .mk-phonebar{background:#2AABEE}
.mk-chat{padding:14px 12px 18px;display:flex;flex-direction:column;gap:8px;min-height:360px}
.mk-wa .mk-chat{background:#ECE5DD}
.mk-tg .mk-chat{background:#D7E8F5}
.mk-in,.mk-out{position:relative;max-width:88%;padding:8px 10px 18px;border-radius:10px;font-size:13px;line-height:1.45;box-shadow:0 1px 1px #0000001A}
.mk-in{background:#fff;align-self:flex-start;border-top-left-radius:2px}
.mk-out{background:#DCF8C6;align-self:flex-end;border-top-right-radius:2px}
.mk-tg .mk-out{background:#EFFDDE}
.mk-in u{color:#027EB5;text-decoration:none}
.mk-time{position:absolute;right:8px;bottom:3px;font-size:10px;color:#8696A0}
.mk-inline{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-width:88%}
.mk-inline span{background:#ffffffCC;border-radius:8px;text-align:center;padding:7px;font-weight:600;font-size:13px;color:#2481CC}
@media(max-width:1000px){.home-apps-grid,.apps-panel{grid-template-columns:1fr;gap:30px}.ap-steps{grid-template-columns:repeat(2,1fr)}.apps-panel{padding:28px}}
@media(max-width:760px){.ap-steps{grid-template-columns:1fr}.apps-panel{padding:18px}.apps-tabs button span{font-size:13px}.home-app-row>span{width:64px}}