/* Sales and product-demo callback page. */
.boxymi-cb-page {
 --bx-heading:var(--wp--preset--color--hero-heading);
 --bx-body:var(--wp--preset--color--body);
 --bx-primary:var(--wp--preset--color--primary);
 --bx-border:var(--wp--preset--color--border);
 --bx-soft:var(--wp--preset--color--soft);
 --bx-warm:var(--wp--preset--color--warm);
 --bx-white:var(--wp--preset--color--white);
 display:flex!important;
 flex-direction:column;
 width:100%;
 max-width:none!important;
 overflow:hidden;
 color:var(--bx-body);
 font-family:var(--wp--preset--font-family--inter);
 font-size:16px;
 line-height:24px;
}
.boxymi-cb-page,.boxymi-cb-page * { box-sizing:border-box; }
.boxymi-cb-page.e-con,.boxymi-cb-page .e-con {
 --padding-top:0px;
 --padding-right:0px;
 --padding-bottom:0px;
 --padding-left:0px;
 --row-gap:0px;
 --column-gap:0px;
}
.boxymi-cb-page :where(.elementor-widget,.elementor-widget-container,p,h1,h2,h3,ul) { margin:0; }
.boxymi-cb-page .elementor-widget-text-editor,
.boxymi-cb-page .elementor-widget-heading .elementor-heading-title { font-family:inherit; }
.boxymi-cb-page .elementor-widget-text-editor p { color:inherit; font:inherit; }

.boxymi-cb-hero {
 display:flex!important;
 align-items:center;
 justify-content:center;
 width:100%;
 max-width:none!important;
 min-height:300px;
 padding:64px 120px;
 background:var(--bx-warm);
}
.boxymi-cb-hero-content {
 display:flex!important;
 flex-direction:column;
 align-items:center;
 width:720px!important;
 max-width:100%;
 text-align:center;
}
.boxymi-cb-eyebrow {
 width:100%!important;
 margin-bottom:12px!important;
 color:var(--bx-primary);
 font-size:12px;
 font-weight:600;
 line-height:16px;
 letter-spacing:1.6px;
 text-transform:uppercase;
}
.boxymi-cb-title { width:100%!important; margin-bottom:16px!important; }
.boxymi-cb-title .elementor-heading-title {
 color:var(--bx-heading);
 font-size:48px;
 font-weight:700;
 line-height:56px;
 letter-spacing:-.02em;
}
.boxymi-cb-lead { width:680px!important; max-width:100%; font-size:18px; line-height:28px; }

.boxymi-cb-request {
 display:flex!important;
 align-items:center;
 width:100%;
 max-width:none!important;
 padding:72px 20px 80px;
 background:var(--bx-white);
}
.boxymi-cb-layout {
 display:grid!important;
 grid-template-columns:minmax(0,.84fr) minmax(480px,1.16fr);
 gap:48px;
 align-items:start;
 width:1080px!important;
 max-width:100%;
 margin-inline:auto;
}
.boxymi-cb-details {
 display:flex!important;
 flex-direction:column;
 padding:24px 16px 24px 0;
}
.boxymi-cb-details-title { width:100%!important; margin-bottom:16px!important; }
.boxymi-cb-details-title .elementor-heading-title {
 color:var(--bx-heading);
 font-size:36px;
 font-weight:700;
 line-height:44px;
 letter-spacing:-.01em;
}
.boxymi-cb-details-body { width:100%!important; margin-bottom:24px!important; font-size:17px; line-height:27px; }
.boxymi-cb-benefits { width:100%!important; margin-bottom:32px!important; }
.boxymi-cb-benefits ul { display:grid; gap:12px; padding:0; list-style:none; }
.boxymi-cb-benefits li { position:relative; padding-left:30px; }
.boxymi-cb-benefits li::before {
 content:"";
 width:18px;
 height:18px;
 position:absolute;
 top:3px;
 left:0;
 border-radius:50%;
 background:var(--bx-primary) url("../images/pricing-check.svg") center/10px 10px no-repeat;
}
.boxymi-cb-next {
 display:flex!important;
 flex-direction:column;
 width:100%;
 margin-bottom:16px;
 padding:20px;
 border-radius:14px;
 background:var(--bx-soft);
}
.boxymi-cb-next-title { width:100%!important; margin-bottom:6px!important; }
.boxymi-cb-next-title .elementor-heading-title { color:var(--bx-heading); font-size:18px; font-weight:650; line-height:26px; }
.boxymi-cb-next-body { width:100%!important; }
.boxymi-cb-note { width:100%!important; color:var(--bx-body); font-size:14px; line-height:21px; }

.boxymi-cb-form-widget { width:100%!important; }
.boxymi-cb-form-widget > .elementor-widget-container { width:100%; }
.boxymi-cb-form-card {
 width:100%;
 padding:36px;
 border:1px solid var(--bx-border);
 border-radius:20px;
 background:var(--bx-white);
 box-shadow:0 12px 36px rgb(20 20 38 / 8%);
}
.boxymi-cb-form-heading { margin:0 0 8px; color:var(--bx-heading); font-size:26px; font-weight:700; line-height:34px; }
.boxymi-cb-form-intro { margin:0 0 28px; }
.boxymi-cb-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.boxymi-cb-field { display:flex; flex-direction:column; min-width:0; }
.boxymi-cb-field--full { grid-column:1 / -1; }
.boxymi-cb-field label { margin-bottom:7px; color:var(--bx-heading); font-size:14px; font-weight:600; line-height:20px; }
.boxymi-cb-required { color:#c53a2f; }
.boxymi-cb-field :where(input,textarea) {
 width:100%;
 min-height:48px;
 margin:0;
 padding:11px 14px;
 border:1px solid var(--bx-border);
 border-radius:10px;
 background:var(--bx-white);
 color:var(--bx-heading);
 font:inherit;
 line-height:24px;
 box-shadow:none;
}
.boxymi-cb-field textarea { min-height:112px; resize:vertical; }
.boxymi-cb-field :where(input,textarea)::placeholder { color:#757783; opacity:1; }
.boxymi-cb-field :where(input,textarea):focus { outline:3px solid rgb(76 96 166 / 18%); border-color:var(--bx-primary); }
.boxymi-cb-consent {
 display:grid;
 grid-template-columns:20px 1fr;
 gap:10px;
 align-items:start;
 grid-column:1 / -1;
 color:var(--bx-body);
 font-size:14px;
 line-height:21px;
}
.boxymi-cb-consent input { width:18px; height:18px; margin:2px 0 0; accent-color:var(--bx-primary); }
.boxymi-cb-consent a { color:var(--bx-primary); text-decoration:underline; text-underline-offset:2px; }
.boxymi-cb-recaptcha {
 grid-column:1 / -1;
 min-height:78px;
 overflow:hidden;
}
.boxymi-cb-submit {
 width:100%;
 min-height:50px;
 grid-column:1 / -1;
 padding:12px 24px;
 border:2px solid var(--bx-primary);
 border-radius:999px;
 background:var(--bx-primary);
 color:var(--bx-white);
 font:inherit;
 font-weight:650;
 cursor:pointer;
 transition:background-color .15s,border-color .15s;
}
.boxymi-cb-submit:hover { border-color:var(--bx-heading); background:var(--bx-heading); }
.boxymi-cb-submit:focus-visible { outline:3px solid var(--bx-primary); outline-offset:3px; }
.boxymi-cb-privacy-note { grid-column:1 / -1; margin:-6px 0 0; color:var(--bx-body); font-size:13px; line-height:19px; text-align:center; }
.boxymi-cb-alert { margin:0 0 24px; padding:14px 16px; border-radius:10px; font-size:14px; line-height:21px; }
.boxymi-cb-alert:focus { outline:3px solid rgb(76 96 166 / 18%); }
.boxymi-cb-alert--success { border:1px solid #a8d5bc; background:#effaf3; color:#205d3c; }
.boxymi-cb-alert--error { border:1px solid #e7b6b1; background:#fff4f3; color:#842f27; }
.boxymi-cb-alert ul { margin:6px 0 0; padding-left:20px; }
.boxymi-cb-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; }

@media (max-width:900px) {
 .boxymi-cb-hero { min-height:272px; padding:56px 48px; }
 .boxymi-cb-title .elementor-heading-title { font-size:42px; line-height:50px; }
 .boxymi-cb-request { padding:64px 40px 72px; }
 .boxymi-cb-layout { grid-template-columns:1fr; gap:36px; width:720px!important; }
 .boxymi-cb-details { padding:0; }
}
@media (max-width:600px) {
 .boxymi-cb-hero { min-height:248px; padding:40px 20px; }
 .boxymi-cb-title .elementor-heading-title { font-size:34px; line-height:42px; }
 .boxymi-cb-lead { font-size:16px; line-height:24px; }
 .boxymi-cb-request { padding:40px 20px 48px; }
 .boxymi-cb-layout { gap:28px; }
 .boxymi-cb-details-title .elementor-heading-title { font-size:28px; line-height:36px; }
 .boxymi-cb-form-card { padding:24px 20px; border-radius:16px; }
 .boxymi-cb-fields { grid-template-columns:1fr; gap:18px; }
 .boxymi-cb-field--full,.boxymi-cb-consent,.boxymi-cb-recaptcha,.boxymi-cb-submit,.boxymi-cb-privacy-note { grid-column:1; }
}
