/* Shared discovery and demo panels. */
#panel .contact-form{display:grid;gap:13px}
#panel .contact-form label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#234b60}
#panel .contact-form :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:43px;border:1px solid #c8dee9;border-radius:8px;background:#f8fbfd;padding:10px 12px;font:inherit;font-size:14px;color:#123d52}
#panel .contact-form textarea{resize:vertical;min-height:108px}
#panel .contact-form :is(input,select,textarea):focus-visible{outline:2px solid #2d8fc4;outline-offset:2px;background:#fff}
#panel .contact-form>.button{justify-content:center;width:100%;min-height:46px}
#panel .contact-form>.button:disabled{cursor:default;opacity:.6;transform:none}
#panel .contact-security{padding-top:4px;min-width:0}
#panel .captcha-widget{min-width:0;width:100%}
#panel .captcha-status{font-size:11px;line-height:1.6;color:#527080;margin:7px 0 0}
#panel .captcha-retry{font-size:12px}
#panel .contact-test-notice{font-size:11px;line-height:1.5;color:#83581b;background:#fff3df;padding:8px 10px;border-radius:6px}
#panel .contact-feedback{background:#edf7fb;border-left:3px solid #2d8fc4;border-radius:8px;padding:15px;font-size:13px;line-height:1.65;color:#123d52}
#panel :is(.contact-feedback,.captcha-retry,.contact-test-notice)[hidden]{display:none}
#panel[data-view="message"]{max-width:640px}
#panel .contact-intents>.contact-message-intent{background:#edf6fa;color:#123d52}
#panel:is([data-view="demo"],[data-view="discover"],[data-view="about"],[data-view="contact"],[data-view="message"]){width:min(960px,calc(100vw - 40px));border-radius:26px;background:#fff}
#panel:is([data-view="demo"],[data-view="discover"],[data-view="about"],[data-view="contact"],[data-view="message"]) .panel-shell{padding:28px 34px 32px}
#panel .conversion-lead{font:600 20px/1.4 Manrope,Inter,sans-serif;color:#123d52;margin:0 0 20px}
#panel[data-view="demo"] #panel-title{font-size:29px;margin-bottom:22px}
#panel[data-view="demo"] .panel-header{margin-bottom:4px}
#panel .demo-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:32px}
#panel .demo-story{position:relative;overflow:hidden;isolation:isolate;background:#123d52;border-radius:18px 18px 5px 18px;padding:27px 24px;color:#d3e6ef}
#panel .demo-story>img{filter:brightness(0) invert(1);height:auto}
#panel .demo-story h3{font:600 26px/1.2 Manrope,sans-serif;letter-spacing:-.04em;color:#fff;margin:25px 0 15px}
#panel .demo-story>p{font-size:13px;line-height:1.8;margin-bottom:23px}
#panel .demo-story-note{display:block;font-size:11px;line-height:1.6;margin-top:19px;color:#c6e0ec}
#panel .demo-fields{min-width:0;padding-top:3px}
#demo-request{display:grid;gap:13px}
#demo-request label{display:grid;gap:6px;font:600 12px/1.5 Inter,sans-serif;color:#234b60}
#demo-request :is(input,select){width:100%;min-width:0;min-height:43px;border:1px solid #c8dee9;border-radius:8px;background:#f8fbfd;padding:10px 12px;font:400 14px/1.4 Inter,sans-serif;color:#123d52}
#demo-request :is(input,select):focus-visible{outline:2px solid #2d8fc4;outline-offset:2px;background:#fff}
#demo-contact-hint{font-size:11px;color:#527080;margin-top:-8px}
#demo-request>.button{justify-content:center;margin-top:4px;width:100%;font-size:14px;min-height:46px}
#panel .demo-disclosure{font-size:11px;line-height:1.65;color:#527080;margin:0}
#panel .demo-alternatives{border-top:1px solid #e0ebf1;margin-top:18px;padding-top:13px}
#panel .demo-alternatives summary{cursor:pointer;font-size:12px;font-weight:600;color:#234b60}
#panel .conversion-direct{padding-top:17px;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
#panel .conversion-direct>div{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:10px;font-size:12px}
#panel .conversion-direct a{color:#276c91;text-decoration:underline;text-underline-offset:3px}
#demo-prepared{background:#edf7fb;border-left:3px solid #2d8fc4;border-radius:8px;padding:15px;font-size:13px}
#demo-prepared[hidden]{display:none}
#demo-prepared p{margin:8px 0;font-size:12px;line-height:1.6}
#panel .discover-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;align-items:center}
#panel .discover-visual{background:#e2f0f6;border-radius:22px;padding:28px 20px;position:relative}
#panel .discover-preview{background:white;border:1px solid #d0e5ef;border-radius:14px;padding:20px;box-shadow:0 16px 30px #123d5212;color:#123d52}
#panel .discover-preview>img{width:100px;height:auto;display:block}
#panel .discover-preview>span{display:block;font-size:8px;letter-spacing:.12em;margin:10px 0 22px;color:#527080}
#panel .discover-preview>small{display:block;font-size:11px}
#panel .discover-preview>strong{display:block;font:600 27px/1.3 Manrope,sans-serif;letter-spacing:-.045em;margin-top:6px;white-space:nowrap}
#panel .discover-bars{height:105px;display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid #d8e9f1;margin-top:20px;background:repeating-linear-gradient(to top,transparent 0 33px,#edf4f8 34px 35px)}
#panel .discover-bars>i{flex:1;height:var(--bar-height);background:var(--bar-color);border-radius:4px 4px 0 0}
#panel .discover-preview>p{font-size:8px;color:#527080;margin:12px 0 0}
#panel .demo-story-preview .discover-preview{padding:15px}
#panel .demo-story-preview .discover-preview>span{margin-bottom:12px}
#panel .demo-story-preview .discover-preview>strong{font-size:23px}
#panel .demo-story-preview .discover-bars{height:65px;margin-top:12px}
#panel .discover-copy>p:not(.conversion-lead){font-size:14px;line-height:1.7;color:#527080}
#panel .discover-resource{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid #e4eef3}
#panel .discover-resource:last-child{border:0}
#panel .discover-resource>b{font:600 12px/1.4 Manrope,sans-serif;color:#df475d;padding-top:2px}
#panel .discover-resource h3{font:600 16px/1.35 Manrope,sans-serif;margin:0 0 7px;color:#123d52}
#panel .discover-resource p{font-size:13px;line-height:1.7;color:#527080;margin:0}
#panel .discover-actions{display:flex;gap:20px;justify-content:space-between;align-items:center;border-top:1px solid #e2edf3;padding-top:23px;margin-top:25px}
#panel .conversion-secondary{font:600 13px/1.5 Inter,sans-serif;color:#1f7098;background:none;border:0;padding:7px 0;cursor:pointer;text-align:left}
#panel .contact-intents{display:grid;grid-template-columns:1fr 1fr;gap:17px}
#panel .contact-intents>*{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:25px;background:#edf6fa;border:1px solid #dcebf2;border-radius:17px;gap:13px;color:#123d52;cursor:pointer}
#panel .contact-intents>button{background:#123d52;color:white}
#panel .contact-intents span,#panel .contact-intents small{font-size:12px}
#panel .contact-intents strong{font:600 19px/1.4 Manrope,sans-serif}
#panel :is(a,button,summary):focus-visible{outline:2px solid #2d8fc4;outline-offset:3px}
@media(max-width:700px){
 #panel:is([data-view="demo"],[data-view="discover"],[data-view="about"],[data-view="contact"],[data-view="message"]){width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 #panel:is([data-view="demo"],[data-view="discover"],[data-view="about"],[data-view="contact"],[data-view="message"]) .panel-shell{padding:20px}
 #panel .demo-layout,#panel .discover-layout{grid-template-columns:1fr;gap:23px}
 #panel .demo-story{padding:22px}
 #panel .demo-story h3{font-size:24px;margin:16px 0 10px}
 #panel .demo-story>p{margin:0}
 #panel .demo-story-preview,#panel .demo-story-note{display:none}
 #panel .discover-actions{align-items:stretch;flex-direction:column;gap:12px}
 #panel .discover-actions .button{justify-content:center;font-size:13px}
 #panel .discover-visual{padding:20px}
 #panel .contact-intents{grid-template-columns:1fr}
 #panel[data-view="demo"] #panel-title{font-size:26px}
}

/* The opening parcel represents the suite, rather than a single module. */
#panel .demo-package{margin:10px -6px 0}
#panel .demo-package>.demo-package-box{display:block;width:100%;height:auto;object-fit:contain;max-height:245px;filter:drop-shadow(0 12px 12px #05273620)}
#panel .demo-package-modules{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:10px}
#panel .demo-package-modules>span{font:500 10px/1.4 Inter,sans-serif;border:1px solid #50768a;padding:6px 9px;border-radius:20px;color:#dbedf6;background:#1c485e}
@media(max-width:700px){#panel .demo-package{display:flex;align-items:center;gap:12px;margin-top:14px}#panel .demo-package>.demo-package-box{width:115px;flex:none}#panel .demo-package-modules{justify-content:flex-start;margin:0;gap:5px}#panel .demo-package-modules>span{font-size:9px;padding:4px 7px}}
@media(max-width:359px){#panel .demo-package>.demo-package-box{width:85px}}

/* Searchable module selection, sharing the form's visual language. */
#panel .demo-module-field{position:relative;display:grid;gap:6px;min-width:0}
#demo-module-label{font:600 12px/1.5 Inter,sans-serif;color:#234b60}
#panel #demo-module[hidden],#panel .module-picker-popup[hidden],#panel .module-picker-empty[hidden]{display:none}
#panel .module-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;text-align:left;border:1px solid #c8dee9;border-radius:9px;background:#f8fbfd;padding:11px 14px;font:400 14px/1.4 Inter,sans-serif;color:#123d52;cursor:pointer}
#panel .module-picker-trigger:hover{border-color:#7fb7d0;background:#edf6fa}
#panel .module-picker-trigger svg{flex:none;transition:transform .18s}
#panel .module-picker-trigger[aria-expanded="true"]{border-color:#2d8fc4;background:white;box-shadow:0 0 0 3px #2d8fc416}
#panel .module-picker-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
#panel .module-picker-popup{position:absolute;z-index:10;bottom:calc(100% - 15px);left:0;right:0;display:flex;flex-direction:column;gap:10px;padding:15px 10px 10px;border:1px solid #c8dee9;border-radius:15px;background:white;box-shadow:0 16px 45px #123d5226;overflow:hidden}
#panel .module-picker-heading{padding:0 4px;font:600 10px/1.4 Inter,sans-serif;letter-spacing:.12em;color:#297da6;display:flex;gap:8px;align-items:center}
#panel .module-picker-heading:before{content:"";width:10px;height:5px;background:#ff5e74;transform:skew(-35deg)}
#panel .module-picker-search{flex:none;min-height:38px;font-size:13px;background:#f0f7fa}
#panel #demo-module-list{overflow-y:auto;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a6ccdf transparent}
#panel #demo-module-list>[role="option"]{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:39px;padding:10px 12px;border-radius:8px;font:400 13px/1.4 Inter,sans-serif;color:#234b60;cursor:pointer}
#panel #demo-module-list>[role="option"]:hover,#panel #demo-module-list>.is-active{background:#edf6fa}
#panel #demo-module-list>[aria-selected="true"]{background:#e1f0f7;color:#12668c;font-weight:600}
#panel .module-picker-check{color:#f2536c;font-size:16px}
#panel .module-picker-empty{font-size:12px;color:#527080;margin:5px;padding:8px}