
/* /website_customize/static/src/scss/demo_info_pages.scss */
 .s_demo_info{--di-line: rgba(33, 37, 41, .12); --di-muted: #62656b;}.s_demo_info h1, .s_demo_info h2, .s_demo_info h3{font-weight: 700; line-height: 1.6;}.s_demo_info h1{font-size: clamp(2.2rem, 3.5vw, 3.6rem); margin-bottom: 1.25rem;}.s_demo_info h2{font-size: clamp(1.7rem, 2.5vw, 2.5rem); margin-bottom: 1rem;}.s_demo_info h3{font-size: 1.2rem; margin-bottom: .75rem;}.s_demo_info p, .s_demo_info li{line-height: 2;}.s_demo_info .di_eyebrow{color: var(--primary); font-size: .85rem; font-weight: 700; margin-bottom: .75rem;}.s_demo_info .di_lead{font-size: 1.1rem; color: var(--di-muted);}.s_demo_info .di_note{font-size: .8rem; color: var(--di-muted);}.s_demo_info .di_hero{padding-block: 5rem 4rem;}.s_demo_info .di_hero_image{width: 100%; height: 29rem; object-fit: cover; border-radius: 2rem;}.s_demo_info .di_section{padding-block: 4.5rem;}.s_demo_info .di_soft{background: var(--o-color-3, #f5f3f0);}.s_demo_info .di_heading{max-width: 48rem; margin-bottom: 2.5rem;}.s_demo_info .di_heading > p:last-child{color: var(--di-muted);}.s_demo_info .di_card, .s_demo_info .di_project{padding: 1.75rem; border: 1px solid var(--di-line); border-radius: 1.5rem; background: white; height: 100%;}.s_demo_info .di_card p, .s_demo_info .di_project p{color: var(--di-muted);}.s_demo_info .di_card p:last-child, .s_demo_info .di_project p:last-child{margin-bottom: 0;}.s_demo_info .di_card > img, .s_demo_info .di_project > img, .s_demo_info .di_photo{display: block; width: 100%; height: 16rem; object-fit: cover; border-radius: 1rem; margin-bottom: 1.25rem;}.s_demo_info .di_badge{display: inline-block; padding: .4rem .7rem; font-size: .78rem; font-weight: 600; color: var(--primary); background: var(--o-color-3, #f5f3f0); border-radius: .65rem; margin-bottom: 1rem;}.s_demo_info .di_price{color: var(--primary); font-size: 2rem; font-weight: 700; line-height: 1.5; margin-block: 1rem;}.s_demo_info .di_card .di_price{color: var(--primary);}.s_demo_info .di_price small{font-size: .8rem; font-weight: 400; color: var(--di-muted);}.s_demo_info .di_list{padding-inline-start: 1.25rem; margin-block: 1rem;}.s_demo_info .di_list li{padding-inline-start: .3rem; margin-bottom: .65rem;}.s_demo_info .di_list li::marker{color: var(--primary);}.s_demo_info .di_step{height: 100%; border-block-start: 2px solid var(--primary); padding-top: 1.5rem;}.s_demo_info .di_step > span, .s_demo_info .di_step > strong{display: block; color: var(--primary); font-size: 1.8rem; margin-bottom: 1rem;}.s_demo_info .di_step p{color: var(--di-muted); font-size: .95rem;}.s_demo_info .di_notice{padding: 1.5rem; background: var(--o-color-3, #f5f3f0); border-inline-start: 3px solid var(--primary); border-radius: 1rem;}.s_demo_info .di_notice p:last-child{margin: 0;}.s_demo_info .di_table_wrap{overflow-x: auto; border: 1px solid var(--di-line); border-radius: 1.25rem;}.s_demo_info .di_table_wrap:focus-visible{outline: 3px solid var(--primary); outline-offset: 3px;}.s_demo_info .di_table{width: 100%; margin: 0; border-collapse: collapse;}.s_demo_info .di_table th, .s_demo_info .di_table td{padding: 1rem 1.25rem; border-bottom: 1px solid var(--di-line); text-align: start; line-height: 1.8; vertical-align: top;}.s_demo_info .di_table thead{background: var(--o-color-3, #f5f3f0);}.s_demo_info .di_table tr:last-child td, .s_demo_info .di_table tr:last-child th{border-bottom: 0;}.s_demo_info .di_table caption{padding: 1rem 1.25rem; color: var(--di-muted); font-size: .85rem;}.s_demo_info .di_faq details{padding-block: 1.5rem; border-block-end: 1px solid var(--di-line);}.s_demo_info .di_faq details:first-child{border-block-start: 1px solid var(--di-line);}.s_demo_info .di_faq summary{font-weight: 600; cursor: pointer; line-height: 1.8;}.s_demo_info .di_faq details[open] summary{color: var(--primary); margin-bottom: 1rem;}.s_demo_info .di_faq details p{color: var(--di-muted); font-size: .95rem; margin-bottom: 0;}.s_demo_info .di_dark{background: var(--o-color-5, #212529);}.s_demo_info .di_dark .di_eyebrow, .s_demo_info .di_dark .di_heading > p:last-child{color: white; opacity: .8;}.s_demo_info .di_dark .di_card{background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.2);}.s_demo_info .di_dark .di_card p, .s_demo_info .di_dark .di_step p{color: inherit; opacity: .8;}.s_demo_info .di_cta_panel{display: flex; justify-content: space-between; align-items: center; gap: 2rem; padding: 3rem; border-radius: 2rem; background: var(--o-color-3, #f5f3f0);}.s_demo_info .di_cta_panel > div:first-child{max-width: 44rem;}.s_demo_info .di_cta_panel > a, .s_demo_info .di_cta_panel > div:last-child{flex-shrink: 0;}.s_demo_info .di_cta_panel h2{font-size: 2rem;}.s_demo_info .di_cta_panel p:last-child{margin-bottom: 0;}.s_demo_info [id]{scroll-margin-top: 7rem;}@media (max-width: 1199.98px){.s_demo_info .di_cta_panel{flex-direction: column; align-items: flex-start;}}@media (max-width: 767.98px){.s_demo_info .di_hero{padding-block: 3rem;}.s_demo_info .di_hero_image{height: 23rem;}.s_demo_info .di_section{padding-block: 3rem;}.s_demo_info .di_heading{margin-bottom: 1.75rem;}.s_demo_info .di_card, .s_demo_info .di_project{padding: 1.5rem;}.s_demo_info .di_table{min-width: 36rem;}.s_demo_info .di_cta_panel{padding: 2rem 1.5rem;}.s_demo_info .di_cta_panel h2{font-size: 1.75rem;}}