:root {
    --da-ink: #142126;
    --da-muted: #65727a;
    --da-mint: #e7f3ef;
    --da-teal: #007f78;
    --da-teal-dark: #005c58;
    --da-lime: #d9ee54;
    --da-orange: #ff7043;
    --da-white: #ffffff;
}

body { color: var(--da-ink); font-family: "Nunito", sans-serif; }
body .container { max-width: 1200px; }
#page-title.dark { background-position: center; background-size: cover; overflow: hidden; }
#page-title.dark:before { background: linear-gradient(90deg, rgba(10, 28, 31, .76), rgba(10, 28, 31, .38)); content: ""; inset: 0; position: absolute; }
#page-title.dark .container { position: relative; z-index: 1; }
#page-title.dark .page-title > h1,
#page-title.dark .page-title > span { color: var(--da-white) !important; text-shadow: 0 2px 14px rgba(0, 0, 0, .35); }
#topbar { background: var(--da-ink); }
#topbar .top-menu > li > a, #topbar .social-icons li a { color: #dce9e6 !important; }
#header { background: var(--da-white); box-shadow: 0 8px 28px rgba(20, 33, 38, .08); position: relative; }
#header[data-transparent="true"] .header-inner { background: var(--da-white); }
#header[data-transparent="true"]:not(.sticky-active) .header-inner,
body.mainMenu-open #header[data-transparent="true"] .header-inner { background: var(--da-white); }
#header .header-inner { height: 92px; }
#header #logo { align-items: center; display: flex; height: 92px; }
#header #logo a { align-items: center; display: flex; height: 100%; }
#header #logo img { max-height: 68px; width: auto; }
#mainMenu { align-items: center; display: flex; height: 92px; }
#mainMenu > .container { width: 100%; }
#mainMenu nav > ul { align-items: center; display: flex; gap: 4px; }
#mainMenu nav > ul > li { margin-left: 0; }
#mainMenu nav > ul > li > a { border-radius: 999px; color: var(--da-ink); font-size: 12px; font-weight: 800; letter-spacing: .25px; padding: 12px 15px; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
#mainMenu nav > ul > li > a:hover { background: var(--da-mint); color: var(--da-teal); transform: translateY(-1px); }
#mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > a:hover { background: var(--da-teal); color: var(--da-white); }
#mainMenu nav > ul > li .dropdown-menu { border: 1px solid #dfe9e5; border-radius: 12px; box-shadow: 0 18px 38px rgba(20, 33, 38, .12); margin-top: 8px; padding: 9px; }
#mainMenu nav > ul > li .dropdown-menu > li > a { border-radius: 8px; color: var(--da-ink); font-size: 13px; font-weight: 700; padding: 11px 13px; }
#mainMenu nav > ul > li .dropdown-menu > li > a:hover { background: var(--da-mint); color: var(--da-teal); }
#mainMenu-trigger { align-items: center; display: none; height: 92px; }
#mainMenu-trigger .lines-button { align-items: center; background: var(--da-mint); border-radius: 50%; display: flex; height: 42px; justify-content: center; width: 42px; }
#mainMenu-trigger .lines-button .lines { top: 0; }
#mainMenu-trigger .lines-button .lines,
#mainMenu-trigger .lines-button .lines:before,
#mainMenu-trigger .lines-button .lines:after { background: var(--da-teal); }
#footer { background: var(--da-ink); color: #c8d4d2; }
#footer .footer-content { border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
#footer h3, #footer h4, #footer strong, #footer a { color: var(--da-white); }
#footer .copyright-content { background: #0d171a; }

.da-home { overflow: hidden; }
.da-home section { background: transparent; overflow: visible; }
.da-hero { background: var(--da-ink); color: var(--da-white); min-height: 640px; position: relative; }
.da-hero-slider { overflow: hidden; }
.da-hero-slide { background-position: center; background-size: cover; min-height: 640px; position: relative; width: 100%; }
.da-hero-slide:before { background: linear-gradient(90deg, rgba(10, 28, 31, 0.95) 0%, rgba(10, 28, 31, 0.78) 48%, rgba(10, 28, 31, 0.22) 100%); content: ""; inset: 0; position: absolute; }
.da-hero-content { max-width: 670px; padding: 128px 0 138px; position: relative; z-index: 1; }
.da-eyebrow { align-items: center; color: var(--da-lime); display: flex; font-size: 12px; font-weight: 800; gap: 9px; letter-spacing: 1px; margin-bottom: 22px; text-transform: uppercase; }
.da-eyebrow:before { background: var(--da-lime); content: ""; height: 2px; width: 28px; }
.da-hero h1 { color: var(--da-white); font-size: 56px; font-weight: 800; letter-spacing: 0; line-height: 1.05; margin: 0 0 22px; }
.da-hero-copy { color: #d8e5e2; font-size: 19px; line-height: 1.65; margin: 0 0 32px; max-width: 570px; }
.da-button { align-items: center; border: 0; border-radius: 4px; display: inline-flex; font-size: 14px; font-weight: 800; gap: 10px; justify-content: center; min-height: 50px; padding: 0 24px; text-decoration: none; transition: background-color .2s ease, color .2s ease, transform .2s ease; }
.da-button:hover { text-decoration: none; transform: translateY(-2px); }
.da-button-primary { background: var(--da-lime); color: var(--da-ink); }
.da-button-primary:hover { background: #e5f777; color: var(--da-ink); }
.da-button-secondary { background: transparent; border: 1px solid rgba(255, 255, 255, .6); color: var(--da-white); margin-left: 10px; }
.da-button-secondary:hover { border-color: var(--da-white); color: var(--da-white); }
.da-response-note { color: var(--da-teal-dark); font-size: 14px; font-weight: 800; margin: 0 0 22px; }
.da-response-note i { color: var(--da-orange); margin-right: 8px; }
.da-blog-page { background: #f4f8f7; color: var(--da-ink); margin: 0 -15px; }
.da-blog-hero { background: var(--da-ink); color: var(--da-white); padding: 78px 0 82px; position: relative; }
.da-blog-hero:after { border: 1px solid rgba(217,238,84,.3); border-radius: 50%; content: ""; height: 250px; position: absolute; right: 10%; top: -125px; width: 250px; }
.da-blog-hero-inner { max-width: 760px; position: relative; z-index: 1; }
.da-blog-kicker { color: var(--da-lime); display: block; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 16px; text-transform: uppercase; }
.da-blog-hero h1 { color: var(--da-white); font-size: clamp(34px, 4vw, 54px); font-weight: 800; line-height: 1.06; margin: 0 0 16px; }
.da-blog-hero p { color: #cbdad7; font-size: 17px; line-height: 1.7; margin: 0; max-width: 680px; }
.da-blog-list-section { padding: 72px 0 88px; }
.da-blog-grid { display: grid; gap: 22px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.da-blog-card { background: var(--da-white); border: 1px solid #dfe9e5; border-radius: 16px; box-shadow: 0 16px 34px rgba(20,33,38,.06); display: flex; flex-direction: column; min-width: 0; overflow: hidden; transition: box-shadow .2s ease, transform .2s ease; }
.da-blog-card:hover { box-shadow: 0 22px 44px rgba(20,33,38,.13); transform: translateY(-4px); }
.da-blog-card-image { background: var(--da-ink); display: block; height: 210px; overflow: hidden; }
.da-blog-card-image img { display: block; height: 100%; object-fit: cover; transition: transform .3s ease; width: 100%; }
.da-blog-card:hover .da-blog-card-image img { transform: scale(1.04); }
.da-blog-card-body { display: flex; flex: 1; flex-direction: column; padding: 25px 26px 28px; }
.da-blog-date { color: var(--da-teal); font-size: 12px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; }
.da-blog-date i { margin-right: 6px; }
.da-blog-card h2 { font-size: 21px; font-weight: 800; line-height: 1.25; margin: 13px 0 11px; }
.da-blog-card h2 a { color: var(--da-ink); }
.da-blog-card h2 a:hover { color: var(--da-teal); }
.da-blog-card p { color: var(--da-muted); font-size: 14px; line-height: 1.7; margin: 0 0 20px; }
.da-blog-read-more { color: var(--da-teal); font-size: 13px; font-weight: 800; margin-top: auto; }
.da-blog-read-more:hover { color: var(--da-teal-dark); }
.da-blog-read-more i { margin-left: 5px; }
.da-blog-pagination { display: flex; justify-content: center; margin-top: 38px; }
.da-blog-detail { background: #f4f8f7; color: var(--da-ink); margin: 0 -15px; }
.da-blog-detail-hero { background-color: var(--da-ink); background-position: center; background-size: cover; color: var(--da-white); min-height: 380px; overflow: hidden; padding: 84px 0 70px; position: relative; }
.da-blog-detail-hero:before { background: linear-gradient(90deg, rgba(10,28,31,.9), rgba(10,28,31,.58)); content: ""; inset: 0; position: absolute; }
.da-blog-detail-hero-inner { max-width: 850px; position: relative; z-index: 1; }
.da-blog-detail-hero h1 { color: var(--da-white); font-size: clamp(34px, 4vw, 58px); font-weight: 800; line-height: 1.08; margin: 0 0 20px; }
.da-blog-detail-meta { align-items: center; color: #d8e5e2; display: flex; flex-wrap: wrap; font-size: 13px; font-weight: 700; gap: 14px; }
.da-blog-detail-meta i { color: var(--da-lime); }
.da-blog-detail-meta span { border-left: 1px solid rgba(255,255,255,.35); padding-left: 14px; }
.da-blog-detail-breadcrumb { margin-top: 26px; }
.da-blog-detail-breadcrumb ul { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; margin: 0; padding: 0; }
.da-blog-detail-breadcrumb li { color: #cbdad7; font-size: 12px; }
.da-blog-detail-breadcrumb li:not(:last-child):after { color: var(--da-lime); content: "/"; margin-left: 10px; }
.da-blog-detail-breadcrumb a { color: var(--da-lime); }
.da-blog-detail-content { padding: 72px 0 88px; }
.da-blog-detail-layout { margin: 0 auto; max-width: 900px; }
.da-blog-detail-article { background: var(--da-white); border: 1px solid #dfe9e5; border-radius: 16px; box-shadow: 0 20px 44px rgba(20,33,38,.08); overflow: hidden; }
.da-blog-detail-body { color: #40545a; font-size: 17px; line-height: 1.85; padding: 42px 54px 48px; }
.da-blog-detail-body h2, .da-blog-detail-body h3, .da-blog-detail-body h4 { color: var(--da-ink); font-weight: 800; line-height: 1.2; margin: 30px 0 14px; }
.da-blog-detail-body h2 { font-size: 30px; }
.da-blog-detail-body h3 { font-size: 24px; }
.da-blog-detail-body p { color: inherit; font-size: inherit; line-height: inherit; margin: 0 0 20px; }
.da-blog-detail-body img { border-radius: 10px; height: auto; margin: 20px 0; max-width: 100%; }
.da-blog-detail-body a { color: var(--da-teal); font-weight: 700; }
.da-blog-detail-body ul, .da-blog-detail-body ol { margin: 0 0 24px; padding-left: 25px; }
.da-blog-detail-footer { align-items: center; background: var(--da-mint); display: flex; gap: 20px; justify-content: space-between; padding: 24px 34px; }
.da-blog-detail-footer span { color: var(--da-ink); font-size: 15px; font-weight: 800; }
.da-hero-fallback { background: linear-gradient(120deg, #0d3534, #007f78); }
.da-stats { background: var(--da-lime); margin-top: -1px; }
.da-stats .container { display: grid; grid-template-columns: repeat(3, 1fr); }
.da-stat { border-right: 1px solid rgba(20, 33, 38, .16); padding: 28px 18px; text-align: center; }
.da-stat:last-child { border: 0; }
.da-stat strong { display: block; font-size: 28px; font-weight: 800; line-height: 1; }
.da-stat span { font-size: 12px; font-weight: 800; letter-spacing: .6px; text-transform: uppercase; }
.da-intro { padding: 108px 0 88px !important; }
.da-section-heading { margin-bottom: 42px; max-width: 680px; }
.da-section-heading h2 { font-size: 38px; font-weight: 800; letter-spacing: 0; line-height: 1.15; margin: 0 0 14px; }
.da-section-heading p { color: var(--da-muted); font-size: 17px; line-height: 1.65; margin: 0; }
.da-feature-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, 1fr); }
.da-feature { background: var(--da-white); border: 1px solid #dce8e5; border-radius: 6px; min-height: 220px; padding: 30px; transition: box-shadow .2s ease, transform .2s ease; }
.da-feature:hover { box-shadow: 0 18px 38px rgba(0, 57, 54, .12); transform: translateY(-4px); }
.da-feature-icon { align-items: center; background: var(--da-mint); border-radius: 4px; color: var(--da-teal); display: flex; font-size: 22px; height: 48px; justify-content: center; margin-bottom: 22px; width: 48px; }
.da-feature h3 { font-size: 19px; font-weight: 800; margin: 0 0 11px; }
.da-feature p { color: var(--da-muted); font-size: 14px; line-height: 1.65; margin: 0; }
.da-how-it-works { background: var(--da-ink) !important; color: var(--da-white); padding: 96px 0 !important; }
.da-how-heading { margin: 0 auto 52px; max-width: 700px; text-align: center; }
.da-how-heading .da-eyebrow { justify-content: center; }
.da-how-heading h2 { color: var(--da-white); font-size: 39px; font-weight: 800; line-height: 1.15; margin: 0 0 15px; }
.da-how-heading p { color: #b7c9c6; font-size: 16px; line-height: 1.7; margin: 0; }
.da-flow { display: grid; gap: 0; grid-template-columns: repeat(3, 1fr); position: relative; }
.da-flow:before { background: rgba(217, 238, 84, .35); content: ""; height: 1px; left: 16.5%; position: absolute; right: 16.5%; top: 43px; }
.da-flow-step { padding: 0 35px; position: relative; text-align: center; z-index: 1; }
.da-flow-icon { align-items: center; animation: da-flow-pulse 3.6s ease-in-out infinite; background: var(--da-lime); border: 8px solid var(--da-ink); border-radius: 50%; color: var(--da-ink); display: flex; font-size: 22px; height: 86px; justify-content: center; margin: 0 auto 21px; width: 86px; }
.da-flow-step-two .da-flow-icon { animation-delay: 1.2s; }
.da-flow-step-three .da-flow-icon { animation-delay: 2.4s; }
.da-flow-number { color: var(--da-lime); display: block; font-size: 12px; font-weight: 800; letter-spacing: 1px; margin-bottom: 9px; }
.da-flow-step h3 { color: var(--da-white); font-size: 20px; font-weight: 800; margin: 0 0 10px; }
.da-flow-step p { color: #b7c9c6; font-size: 14px; line-height: 1.65; margin: 0; }
@keyframes da-flow-pulse {
    0%, 72%, 100% { box-shadow: 0 0 0 0 rgba(217, 238, 84, 0); transform: translateY(0); }
    20% { box-shadow: 0 0 0 13px rgba(217, 238, 84, .17); transform: translateY(-7px); }
}
.da-workspace { background: var(--da-mint) !important; padding: 95px 0 !important; }
.da-workspace-grid { align-items: center; display: grid; gap: 70px; grid-template-columns: minmax(0, 1fr) minmax(0, .88fr); }
.da-workspace-visual { background: var(--da-ink); box-shadow: 20px 20px 0 var(--da-orange); padding: 12px; position: relative; }
.da-workspace-visual img { display: block; width: 100%; }
.da-workspace h2 { font-size: 39px; font-weight: 800; line-height: 1.15; margin: 0 0 18px; }
.da-workspace p { color: #506069; font-size: 16px; line-height: 1.7; }
.da-checklist { list-style: none; margin: 24px 0 30px; padding: 0; }
.da-checklist li { font-size: 15px; font-weight: 700; margin: 12px 0; padding-left: 29px; position: relative; }
.da-checklist li:before { color: var(--da-teal); content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; left: 0; position: absolute; }
.da-product-strip { padding: 92px 0 !important; }
.da-screen-grid { display: grid; gap: 18px; grid-template-columns: repeat(4, 1fr); }
.da-screen { border: 1px solid #dbe5e2; overflow: hidden; position: relative; }
.da-screen img { display: block; transition: transform .3s ease; width: 100%; }
.da-screen:hover img { transform: scale(1.04); }
#divTestimonials { background: var(--da-ink); color: var(--da-white); padding: 92px 0; }
#divTestimonials h2 { color: var(--da-white); font-size: 39px; font-weight: 800; line-height: 1.15; margin: 0 0 16px; }
#divTestimonials .lead { color: #b7c9c6; font-size: 16px; line-height: 1.7; }
#divTestimonials .testimonial-item { background: var(--da-white); border: 0; border-radius: 16px; box-shadow: 0 20px 42px rgba(0, 0, 0, .18); padding: 34px; }
#divTestimonials .testimonial-item > img { border-radius: 12px; height: 84px; margin: 0 0 18px; object-fit: cover; width: 84px; }
#divTestimonials .testimonial-item > p { color: var(--da-ink); font-size: 17px; line-height: 1.7; margin: 0 0 18px; padding: 0; }
#divTestimonials .testimonial-item > span { color: var(--da-ink); display: block; font-size: 14px; font-weight: 800; line-height: 1.5; }
#divTestimonials .testimonial-item > span ~ span { color: var(--da-teal); font-size: 12px; font-style: normal; font-weight: 700; }
.da-partners { background: #f6f8f7 !important; padding: 46px 0 !important; }
.da-partner-marquee { overflow: hidden; position: relative; }
.da-partner-marquee:before, .da-partner-marquee:after { background: linear-gradient(90deg, rgba(246,248,247,1), rgba(246,248,247,0)); content: ""; height: 100%; position: absolute; top: 0; width: 80px; z-index: 2; }
.da-partner-marquee:before { left: 0; }
.da-partner-marquee:after { right: 0; transform: rotate(180deg); }
.da-partner-track { align-items: center; display: flex; gap: 28px; width: max-content; animation: da-logo-scroll 28s linear infinite; }
.da-partner-item { align-items: center; display: flex; height: 78px; justify-content: center; min-width: 170px; }
.da-partner-item img { filter: grayscale(1); max-height: 58px; max-width: 155px; object-fit: contain; opacity: .7; transition: opacity .2s ease, filter .2s ease; }
.da-partner-item:hover img { filter: grayscale(0); opacity: 1; }
@keyframes da-logo-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.da-page-hero { background: linear-gradient(120deg, #0b2023 0%, #143b3d 50%, #0d7a76 100%); color: var(--da-white); padding: 110px 0 70px; position: relative; }
.da-page-hero:before { background: radial-gradient(circle at top left, rgba(217, 238, 84, 0.18), transparent 36%); content: ""; inset: 0; position: absolute; }
.da-page-hero-inner { align-items: center; display: grid; gap: 42px; grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr); position: relative; z-index: 1; }
.da-page-hero-copy h1 { color: var(--da-white); font-size: 52px; font-weight: 800; line-height: 1.08; margin: 0 0 18px; }
.da-page-hero-copy p { color: rgba(255,255,255,0.8); font-size: 18px; line-height: 1.7; margin: 0; max-width: 600px; }
.da-eyebrow-dark { color: var(--da-lime); }
.da-contact-highlights { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.da-contact-highlights span { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 999px; color: var(--da-white); font-size: 13px; font-weight: 700; padding: 10px 14px; }
.da-contact-highlights span i { color: var(--da-lime); margin-right: 8px; }
.da-contact-quick-card { display: flex; justify-content: center; }
.da-contact-quick-inner { background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.12); border-radius: 20px; box-shadow: 0 20px 48px rgba(0,0,0,0.18); padding: 30px 28px; width: 100%; }
.da-contact-quick-inner small { color: rgba(255,255,255,0.7); display: block; font-size: 12px; letter-spacing: 1px; margin-bottom: 12px; text-transform: uppercase; }
.da-contact-quick-inner strong { color: var(--da-white); display: block; font-size: 36px; line-height: 1.1; margin-bottom: 8px; }
.da-contact-quick-inner p { color: rgba(255,255,255,0.85); font-size: 15px; margin: 0 0 22px; }
.da-contact-page { background: #f4f8f7; padding: 90px 0; }
.da-contact-layout { align-items: stretch; }
.da-contact-panel, .da-contact-form-wrap { background: var(--da-white); border: 1px solid #dfe9e5; border-radius: 20px; box-shadow: 0 20px 40px rgba(20, 33, 38, 0.06); height: 100%; padding: 36px; }
.da-contact-panel h2 { color: var(--da-ink); font-size: 38px; font-weight: 800; line-height: 1.15; margin: 0 0 16px; }
.da-contact-panel p { color: var(--da-muted); font-size: 16px; line-height: 1.7; margin-bottom: 24px; }
.da-contact-items { margin-top: 18px; }
.da-contact-item { display: flex; gap: 16px; margin-bottom: 22px; }
.da-contact-item:last-child { margin-bottom: 0; }
.da-contact-icon { align-items: center; background: var(--da-mint); border-radius: 12px; color: var(--da-teal); display: flex; font-size: 18px; height: 48px; justify-content: center; min-width: 48px; }
.da-contact-copy label { color: var(--da-ink); display: block; font-size: 12px; font-weight: 800; letter-spacing: 0.8px; margin: 0 0 8px; text-transform: uppercase; }
.da-contact-copy p { color: var(--da-ink); font-size: 15px; margin: 0; }
.da-contact-form-wrap { padding: 30px; }
.da-contact-form { margin: 0; }
.da-contact-form .form-group { margin-bottom: 20px; }
.da-contact-form label { color: var(--da-ink); display: block; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.da-contact-form .form-control { background: #f9fbfb; border: 1px solid #dfe8e5; border-radius: 12px; color: var(--da-ink); font-size: 15px; min-height: 52px; padding: 14px 16px; }
.da-contact-form .form-control:focus { border-color: var(--da-teal); box-shadow: 0 0 0 3px rgba(0, 127, 120, 0.12); }
.da-contact-form textarea.form-control { min-height: 140px; resize: vertical; }
.da-captcha-row { align-items: flex-end; }
.da-captcha-box { align-items: center; display: flex; gap: 12px; }
.da-captcha-box img { border-radius: 10px; }
.da-button-block { width: 100%; }
.da-book-trigger { cursor: pointer; }
.da-floating-book-btn {
    align-items: center;
    background: var(--da-lime);
    border: 0;
    border-radius: 999px;
    bottom: 144px;
    box-shadow: 0 16px 32px rgba(20, 33, 38, .18);
    color: var(--da-ink);
    display: inline-flex;
    gap: 10px;
    font-size: 14px;
    font-weight: 800;
    justify-content: center;
    padding: 15px 22px;
    position: fixed;
    right: 28px;
    z-index: 9997;
}
.da-floating-book-btn span { line-height: 1; }
.da-floating-trial-btn {
    align-items: center;
    background: var(--da-teal);
    border: 0;
    border-radius: 999px;
    bottom: 82px;
    box-shadow: 0 16px 32px rgba(20, 33, 38, .18);
    color: var(--da-white);
    display: inline-flex;
    gap: 10px;
    font-size: 14px;
    font-weight: 800;
    justify-content: center;
    padding: 15px 22px;
    position: fixed;
    right: 28px;
    z-index: 9997;
}
.da-floating-trial-btn:hover { background: var(--da-teal-dark); color: var(--da-white); }
.da-floating-trial-btn span { line-height: 1; }

.da-book-modal { display: none; }
.da-book-modal.is-open { display: block; }
.da-trial-modal { display: none; }
.da-trial-modal.is-open { display: block; }
.da-book-modal-backdrop { background: rgba(10, 28, 31, .58); inset: 0; position: fixed; z-index: 9998; }
.da-book-modal-dialog { background: var(--da-white); border-radius: 22px; box-shadow: 0 30px 60px rgba(15, 24, 27, .24); left: 50%; max-width: 560px; padding: 28px 26px 22px; position: fixed; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 24px); z-index: 9999; }
.da-book-modal-head { margin-bottom: 20px; }
.da-book-modal-head h3 { color: var(--da-ink); font-size: 33px; font-weight: 800; line-height: 1.1; margin: 0; }
.da-book-modal-close { background: transparent; border: 0; color: var(--da-ink); cursor: pointer; font-size: 30px; line-height: 1; position: absolute; right: 18px; top: 14px; }
.da-book-form .form-group { margin-bottom: 18px; }
.da-book-form label { color: var(--da-ink); display: block; font-size: 13px; font-weight: 700; margin-bottom: 8px; }
.da-book-form .form-control { background: #f9fbfb; border: 1px solid #dfe8e5; border-radius: 12px; color: var(--da-ink); font-size: 15px; min-height: 48px; padding: 12px 14px; }
.da-book-form .form-control:focus { border-color: var(--da-teal); box-shadow: 0 0 0 3px rgba(0, 127, 120, 0.12); }
.da-book-form textarea.form-control { min-height: 120px; resize: vertical; }
.da-book-form-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.da-book-form-grid .form-group:last-child { grid-column: 1 / -1; }
.da-book-form-status { font-size: 14px; font-weight: 700; margin-top: 14px; min-height: 22px; }
.da-book-form-status.is-error { color: #b42318; }
.da-book-form-status.is-success { color: var(--da-teal); }

.da-about { color: var(--da-ink); margin: 0 -15px; }
.da-about-hero { background: var(--da-ink); color: var(--da-white); overflow: hidden; padding: 72px 8%; position: relative; }
.da-about-hero:after { background: var(--da-lime); content: ""; height: 260px; opacity: .9; position: absolute; right: -90px; top: -120px; transform: rotate(28deg); width: 260px; }
.da-about-hero-content { max-width: 760px; position: relative; z-index: 1; }
.da-about-kicker { color: var(--da-lime); display: block; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 16px; text-transform: uppercase; }
.da-about-hero h2 { color: var(--da-white); font-size: clamp(32px, 4vw, 52px); font-weight: 800; line-height: 1.08; margin: 0 0 18px; }
.da-about-hero p { color: #cbdad7; font-size: 18px; line-height: 1.7; margin: 0; max-width: 650px; }
.da-about-main { background: #f4f8f7; padding: 64px 8%; }
.da-about-grid { align-items: center; display: grid; gap: 52px; grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr); }
.da-about-copy h3 { color: var(--da-ink); font-size: 34px; font-weight: 800; line-height: 1.15; margin: 0 0 18px; }
.da-about-copy p { color: var(--da-muted); font-size: 16px; line-height: 1.8; margin: 0 0 18px; }
.da-about-copy p:last-child { margin-bottom: 0; }
.da-about-image { background: var(--da-ink); box-shadow: 16px 16px 0 var(--da-orange); padding: 10px; }
.da-about-image img { display: block; height: auto; width: 100%; }
.da-about-values { background: var(--da-white); display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); padding: 28px 8%; }
.da-about-value { border-left: 3px solid var(--da-lime); padding: 6px 18px; }
.da-about-value strong { color: var(--da-ink); display: block; font-size: 18px; margin-bottom: 6px; }
.da-about-value span { color: var(--da-muted); display: block; font-size: 14px; line-height: 1.5; }

.da-features { background: #f4f8f7; box-sizing: border-box; color: var(--da-ink); margin: 0 -15px; overflow: hidden; padding: 0 8%; width: calc(100% + 30px); }
.da-features-intro { background: var(--da-ink); color: var(--da-white); margin: 0; padding: 72px 8%; position: relative; }
.da-features-intro:after { border: 1px solid rgba(217, 238, 84, .35); border-radius: 50%; content: ""; height: 260px; position: absolute; right: 8%; top: -125px; width: 260px; }
.da-features-intro-inner { max-width: 760px; position: relative; z-index: 1; }
.da-features-kicker { color: var(--da-lime); display: block; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 16px; text-transform: uppercase; }
.da-features-intro h2 { color: var(--da-white); font-size: clamp(32px, 4vw, 52px); font-weight: 800; line-height: 1.08; margin: 0 0 18px; }
.da-features-intro p { color: #cbdad7; font-size: 18px; line-height: 1.7; margin: 0; max-width: 680px; }
.da-feature-row { align-items: center; border-bottom: 1px solid #dfe9e5; display: grid; gap: 64px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); padding: 72px 0; }
.da-feature-row:nth-child(odd) { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); }
.da-feature-row:last-child { border-bottom: 0; }
.da-feature-row:nth-child(odd) .da-feature-visual { order: 2; }
.da-feature-row:nth-child(odd) .da-feature-copy { order: 1; }
.da-feature-visual { background: var(--da-ink); box-shadow: 14px 14px 0 var(--da-orange); padding: 10px; position: relative; }
.da-feature-visual img { aspect-ratio: 4 / 3; border-radius: 3px; display: block; object-fit: cover; width: 100%; }
.da-feature-copy { padding: 8px 0; }
.da-feature-index { align-items: center; background: var(--da-lime); border-radius: 50%; color: var(--da-ink); display: inline-flex; font-size: 13px; font-weight: 800; height: 38px; justify-content: center; margin-bottom: 18px; width: 38px; }
.da-feature-copy h3 { color: var(--da-ink); font-size: 31px; font-weight: 800; line-height: 1.15; margin: 0 0 14px; }
.da-feature-copy > p { color: var(--da-muted); font-size: 16px; line-height: 1.75; margin: 0 0 22px; }
.da-feature-list { list-style: none; margin: 0; padding: 0; }
.da-feature-list li { color: var(--da-ink); font-size: 15px; font-weight: 700; line-height: 1.5; margin: 11px 0; padding-left: 27px; position: relative; }
.da-feature-list li:before { color: var(--da-teal); content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 13px; font-weight: 900; left: 0; position: absolute; top: 1px; }

.da-pricing-page { background: #f4f8f7; box-sizing: border-box; color: var(--da-ink); margin: 0 -15px; overflow: hidden; padding: 0 8% 88px; width: calc(100% + 30px); }
.da-pricing-hero { background: var(--da-ink); color: var(--da-white); margin: 0 0 54px; padding: 72px 8% 84px; position: relative; text-align: center; }
.da-pricing-hero:before { border: 1px solid rgba(217, 238, 84, .28); border-radius: 50%; content: ""; height: 260px; left: 8%; position: absolute; top: -145px; width: 260px; }
.da-pricing-hero:after { background: var(--da-orange); content: ""; height: 110px; opacity: .8; position: absolute; right: -26px; top: 42px; transform: rotate(36deg); width: 110px; }
.da-pricing-hero-inner { margin: 0 auto; max-width: 700px; position: relative; z-index: 1; }
.da-pricing-kicker { color: var(--da-lime); display: block; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 16px; text-transform: uppercase; }
.da-pricing-hero h2 { color: var(--da-white); font-size: clamp(34px, 4vw, 54px); font-weight: 800; line-height: 1.06; margin: 0 0 16px; }
.da-pricing-hero p { color: #cbdad7; font-size: 17px; line-height: 1.7; margin: 0 auto; max-width: 600px; }
.da-pricing-billing { align-items: center; display: inline-flex; gap: 12px; margin-top: 28px; position: relative; z-index: 2; }
.da-pricing-billing-label { color: #cbdad7; font-size: 13px; font-weight: 700; }
.da-pricing-billing .btn { border: 0; border-radius: 999px !important; box-shadow: none; font-size: 13px; margin: 0; min-width: 96px; padding: 11px 18px; text-transform: none; }
.da-pricing-billing .btn-primary { background: var(--da-lime); color: var(--da-ink); }
.da-pricing-billing .btn-light { background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.2); color: var(--da-white); }
.da-pricing-grid { align-items: stretch; display: grid; gap: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.da-pricing-card { background: var(--da-white); border: 1px solid #dfe9e5; border-radius: 16px; box-shadow: 0 18px 38px rgba(20, 33, 38, .07); display: flex; flex-direction: column; min-height: 100%; overflow: hidden; position: relative; }
.da-pricing-card.is-featured { border: 2px solid var(--da-teal); box-shadow: 0 24px 48px rgba(0, 127, 120, .18); transform: translateY(-12px); }
.da-pricing-popular { background: var(--da-teal); color: var(--da-white); font-size: 11px; font-weight: 800; letter-spacing: 1px; padding: 9px 18px; text-align: center; text-transform: uppercase; }
.da-pricing-card-head { padding: 30px 28px 24px; }
.da-pricing-card-head h3 { color: var(--da-ink); font-size: 22px; font-weight: 800; margin: 0 0 9px; }
.da-pricing-card-note { color: var(--da-muted); font-size: 13px; margin: 0 0 20px; }
.da-pricing-best-for { background: var(--da-mint); border-radius: 8px; color: var(--da-teal-dark); display: block; font-size: 12px; line-height: 1.5; margin: 0 0 20px; padding: 9px 11px; }
.da-pricing-best-for strong { color: var(--da-ink); }
.da-pricing-price { align-items: baseline; color: var(--da-ink); display: flex; gap: 4px; }
.da-pricing-price strong { font-size: 48px; font-weight: 800; letter-spacing: -1px; line-height: 1; }
.da-pricing-price sup { font-size: 21px; font-weight: 800; top: -18px; }
.da-pricing-price span { color: var(--da-muted); font-size: 14px; font-weight: 700; }
.da-pricing-savings { color: var(--da-teal); font-size: 13px; font-weight: 800; min-height: 20px; }
.da-pricing-compare { color: var(--da-muted); font-size: 12px; margin: 5px 0 0; min-height: 18px; }
.da-pricing-card-body { border-top: 1px solid #edf2f0; display: flex; flex: 1; flex-direction: column; padding: 25px 28px 30px; }
.da-pricing-features { list-style: none; margin: 0; padding: 0; }
.da-pricing-features li { color: var(--da-ink); font-size: 14px; line-height: 1.45; margin: 15px 0; padding-left: 28px; position: relative; }
.da-pricing-features li:before { color: var(--da-teal); content: "\f00c"; font-family: "Font Awesome 5 Free"; font-size: 13px; font-weight: 900; left: 0; position: absolute; top: 1px; }
.da-pricing-cta { border-radius: 999px !important; display: block; margin-top: auto !important; padding: 13px 18px !important; text-align: center; text-transform: none !important; }
.da-pricing-actions { display: grid; gap: 10px; grid-template-columns: 1fr 1fr; margin-top: auto; }
.da-pricing-actions .da-pricing-cta { margin-top: 0 !important; }
.da-pricing-actions .da-pricing-demo { background: transparent; border: 1px solid #b8ceca; color: var(--da-teal-dark); }
.da-pricing-actions .da-pricing-demo:hover { background: var(--da-mint); border-color: var(--da-teal); color: var(--da-teal-dark); }
.da-pricing-footnote { color: var(--da-muted); font-size: 13px; margin: 28px auto 0; max-width: 650px; text-align: center; }
.da-pricing-faq { box-sizing: border-box; margin: 52px auto 0; max-width: 980px; padding: 50px; width: 100%; }
.da-pricing-faq h3 { color: var(--da-ink); font-size: 31px; font-weight: 800; line-height: 1.15; margin: 0 0 24px; text-align: center; }
.da-pricing-faq-grid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; width: 100%; }
.da-pricing-faq-item { background: var(--da-white); border: 1px solid #dfe9e5; border-left: 4px solid var(--da-teal); border-radius: 12px; box-shadow: 0 10px 24px rgba(20, 33, 38, .05); min-height: 118px; padding: 21px 23px; }
.da-pricing-faq-item strong { color: var(--da-ink); display: block; font-size: 15px; line-height: 1.4; margin-bottom: 9px; }
.da-pricing-faq-item p { color: var(--da-muted); font-size: 14px; line-height: 1.65; margin: 0; }
.da-pricing-faq > strong { background: var(--da-white); border-left: 4px solid var(--da-teal); border-radius: 10px 10px 0 0; color: var(--da-ink); display: block; font-size: 15px; line-height: 1.4; margin: 16px 0 0; padding: 19px 23px 5px; }
.da-pricing-faq > strong + p { background: var(--da-white); border-left: 4px solid var(--da-teal); border-radius: 0 0 10px 10px; box-shadow: 0 10px 24px rgba(20, 33, 38, .05); color: var(--da-muted); font-size: 14px; line-height: 1.65; margin: 0; padding: 5px 23px 19px; }
.da-pricing-trust { background: var(--da-white); border: 1px solid #dfe9e5; border-radius: 16px; box-shadow: 0 16px 34px rgba(20, 33, 38, .06); margin: 58px auto 0; max-width: 980px; padding: 32px; }
.da-pricing-trust-head { align-items: center; display: flex; gap: 16px; margin-bottom: 25px; }
.da-pricing-trust-icon { align-items: center; background: var(--da-mint); border-radius: 50%; color: var(--da-teal); display: flex; flex: 0 0 48px; font-size: 21px; height: 48px; justify-content: center; width: 48px; }
.da-pricing-trust h3 { color: var(--da-ink); font-size: 27px; font-weight: 800; margin: 0 0 5px; }
.da-pricing-trust-head p { color: var(--da-muted); font-size: 14px; margin: 0; }
.da-pricing-trust-grid { display: grid; gap: 15px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.da-pricing-trust-item { background: #f7faf9; border-radius: 11px; padding: 18px; }
.da-pricing-trust-item i { color: var(--da-teal); display: block; font-size: 20px; margin-bottom: 12px; }
.da-pricing-trust-item strong { color: var(--da-ink); display: block; font-size: 14px; margin-bottom: 6px; }
.da-pricing-trust-item span { color: var(--da-muted); display: block; font-size: 12px; line-height: 1.55; }
.da-pricing-trust-badge { background: var(--da-lime); color: var(--da-ink); display: inline-block; font-size: 12px; font-weight: 800; margin-top: 20px; padding: 9px 13px; }

.da-faq-page { background: #f4f8f7; box-sizing: border-box; color: var(--da-ink); margin: 0 -15px; overflow: hidden; padding: 0 8% 88px; width: calc(100% + 30px); }
.da-faq-intro { background: var(--da-ink); color: var(--da-white); margin: 0 0 54px; padding: 72px 8% 82px; position: relative; }
.da-faq-intro:after { border: 1px solid rgba(217, 238, 84, .3); border-radius: 50%; content: ""; height: 240px; position: absolute; right: 8%; top: -120px; width: 240px; }
.da-faq-intro-inner { max-width: 760px; position: relative; z-index: 1; }
.da-faq-kicker { color: var(--da-lime); display: block; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 16px; text-transform: uppercase; }
.da-faq-intro h2 { color: var(--da-white); font-size: clamp(34px, 4vw, 54px); font-weight: 800; line-height: 1.06; margin: 0 0 16px; }
.da-faq-intro p { color: #cbdad7; font-size: 17px; line-height: 1.7; margin: 0; max-width: 650px; }
.da-faq-grid { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.da-faq-group { background: var(--da-white); border: 1px solid #dfe9e5; border-radius: 16px; box-shadow: 0 16px 34px rgba(20, 33, 38, .06); padding: 28px; }
.da-faq-group h3 { color: var(--da-ink); font-size: 23px; font-weight: 800; line-height: 1.2; margin: 0 0 9px; }
.da-faq-group h3 small { background: var(--da-mint); border-radius: 999px; color: var(--da-teal); font-size: 11px; font-weight: 800; margin-left: 7px; padding: 5px 9px; vertical-align: middle; }
.da-faq-group > p { color: var(--da-muted); font-size: 14px; line-height: 1.6; margin: 0 0 22px; }
.da-faq-group .accordion { border-top: 1px solid #e8efed; }
.da-faq-group .ac-item { border-bottom: 1px solid #e8efed; margin: 0; padding: 0 10px; }
.da-faq-group .ac-title { color: var(--da-ink); font-size: 15px; font-weight: 800; line-height: 1.45; min-height: 60px; padding: 19px 38px 19px 35px; position: relative; }
.da-faq-group .ac-title:before { color: var(--da-teal); content: "\f107"; font-family: "Font Awesome 5 Free"; font-size: 13px; font-weight: 900; position: absolute; right: 10px; top: 22px; transition: transform .2s ease; }
.da-faq-group .ac-title i { color: var(--da-teal); font-size: 15px; left: 4px; margin: 0; position: absolute; top: 22px; }
.da-faq-group .ac-item.ac-active .ac-title { color: var(--da-teal-dark); }
.da-faq-group .ac-item.ac-active .ac-title:before { transform: rotate(180deg); }
.da-faq-group .ac-content { color: var(--da-muted); font-size: 14px; line-height: 1.7; padding: 0 35px 20px; }
.da-faq-cta { align-items: center; background: var(--da-teal); color: var(--da-white); display: flex; gap: 28px; justify-content: space-between; margin-top: 28px; padding: 30px 34px; }
.da-faq-cta h3 { color: var(--da-white); font-size: 25px; font-weight: 800; margin: 0 0 6px; }
.da-faq-cta p { color: #d8e5e2; font-size: 14px; margin: 0; }
.da-faq-cta-actions { display: flex; flex: 0 0 auto; gap: 10px; }
.da-faq-cta-actions .da-button-primary { background: var(--da-lime); color: var(--da-ink); }
.da-faq-cta-actions .da-button-secondary { border-color: rgba(255,255,255,.6); color: var(--da-white); margin-left: 0; }

.da-integrations { background: #f4f8f7; box-sizing: border-box; color: var(--da-ink); margin: 0 -15px; overflow: hidden; padding: 0 8% 88px; width: calc(100% + 30px); }
.da-integrations-hero { background: var(--da-ink); color: var(--da-white); margin: 0; padding: 72px 8% 82px; position: relative; }
.da-integrations-hero:after { background: var(--da-lime); border-radius: 50%; content: ""; height: 230px; opacity: .14; position: absolute; right: -65px; top: -110px; width: 230px; }
.da-integrations-hero-inner { max-width: 780px; position: relative; z-index: 1; }
.da-integrations-kicker { color: var(--da-lime); display: block; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 16px; text-transform: uppercase; }
.da-integrations-hero h2 { color: var(--da-white); font-size: clamp(34px, 4vw, 54px); font-weight: 800; line-height: 1.06; margin: 0 0 16px; }
.da-integrations-hero p { color: #cbdad7; font-size: 17px; line-height: 1.7; margin: 0; max-width: 680px; }
.da-integration-trust { align-items: center; background: var(--da-lime); display: flex; gap: 18px; padding: 24px 8%; }
.da-integration-trust-icon { align-items: center; background: var(--da-ink); border-radius: 50%; color: var(--da-lime); display: flex; flex: 0 0 46px; font-size: 20px; height: 46px; justify-content: center; width: 46px; }
.da-integration-trust strong { color: var(--da-ink); display: block; font-size: 16px; margin-bottom: 3px; }
.da-integration-trust span { color: #3f5555; display: block; font-size: 13px; }
.da-integration-section { padding: 58px 15px 0; }
.da-integration-section-heading { margin-bottom: 26px; }
.da-integration-section-heading h3 { color: var(--da-ink); font-size: 29px; font-weight: 800; margin: 0 0 9px; }
.da-integration-section-heading p { color: var(--da-muted); font-size: 15px; line-height: 1.7; margin: 0; max-width: 700px; }
.da-integration-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.da-integration-card { background: var(--da-white); border: 1px solid #dfe9e5; border-radius: 16px; box-shadow: 0 16px 34px rgba(20, 33, 38, .06); display: flex; flex-direction: column; padding: 26px; }
.da-integration-card.is-certified { border: 2px solid var(--da-teal); }
.da-vendor-logo { align-items: center; background: #f8fbfa; border: 1px dashed #aac4bf; border-radius: 12px; color: var(--da-teal-dark); display: flex; font-size: 14px; font-weight: 800; height: 86px; justify-content: center; letter-spacing: .4px; margin-bottom: 22px; text-align: center; }
.da-vendor-logo span { padding: 0 12px; }
.da-integration-card h4 { color: var(--da-ink); font-size: 20px; font-weight: 800; margin: 0 0 9px; }
.da-integration-card p { color: var(--da-muted); font-size: 14px; line-height: 1.7; margin: 0; }
.da-integration-card ul { list-style: none; margin: 18px 0 0; padding: 0; }
.da-integration-card li { color: var(--da-ink); font-size: 13px; font-weight: 700; margin: 9px 0; padding-left: 22px; position: relative; }
.da-integration-card li:before { color: var(--da-teal); content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; left: 0; position: absolute; }
.da-integration-note { background: var(--da-mint); border-left: 4px solid var(--da-teal); color: var(--da-ink); font-size: 14px; line-height: 1.7; margin-top: 26px; padding: 17px 20px; }

.da-role-features { background: #f4f8f7; box-sizing: border-box; color: var(--da-ink); margin: 0 -15px; overflow: hidden; padding: 0 8% 88px; width: calc(100% + 30px); }
.da-role-hero { background: var(--da-ink); color: var(--da-white); margin: 0; padding: 72px 8% 82px; position: relative; }
.da-role-hero:after { border: 1px solid rgba(217,238,84,.3); border-radius: 50%; content: ""; height: 250px; position: absolute; right: 8%; top: -125px; width: 250px; }
.da-role-hero-inner { max-width: 780px; position: relative; z-index: 1; }
.da-role-kicker { color: var(--da-lime); display: block; font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 16px; text-transform: uppercase; }
.da-role-hero h2 { color: var(--da-white); font-size: clamp(34px,4vw,54px); font-weight: 800; line-height: 1.06; margin: 0 0 16px; }
.da-role-hero p { color: #cbdad7; font-size: 17px; line-height: 1.7; margin: 0; max-width: 680px; }
.da-role-section { padding: 62px 15px 0; }
.da-role-section-heading { margin-bottom: 26px; }
.da-role-section-heading h3 { color: var(--da-ink); font-size: 29px; font-weight: 800; margin: 0 0 8px; }
.da-role-section-heading p { color: var(--da-muted); font-size: 15px; line-height: 1.7; margin: 0; max-width: 700px; }
.da-role-grid { display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.da-role-card { background: var(--da-white); border: 1px solid #dfe9e5; border-radius: 16px; box-shadow: 0 16px 34px rgba(20,33,38,.06); display: flex; flex-direction: column; overflow: hidden; }
.da-role-card-visual { background: var(--da-ink); padding: 10px; }
.da-role-card-visual img { aspect-ratio: 16/9; display: block; object-fit: cover; width: 100%; }
.da-role-card-body { padding: 25px 26px 28px; }
.da-role-label { color: var(--da-teal); display: block; font-size: 11px; font-weight: 800; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; }
.da-role-card h4 { color: var(--da-ink); font-size: 22px; font-weight: 800; margin: 0 0 10px; }
.da-role-card p { color: var(--da-muted); font-size: 14px; line-height: 1.7; margin: 0 0 17px; }
.da-role-benefits { list-style: none; margin: 0 0 22px; padding: 0; }
.da-role-benefits li { color: var(--da-ink); font-size: 14px; font-weight: 700; margin: 10px 0; padding-left: 24px; position: relative; }
.da-role-benefits li:before { color: var(--da-teal); content: "\f00c"; font-family: "Font Awesome 5 Free"; font-weight: 900; left: 0; position: absolute; }
.da-role-demo { background: var(--da-teal); color: var(--da-white); display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 58px 15px 0; padding: 30px 34px; }
.da-role-demo h3 { color: var(--da-white); font-size: 25px; font-weight: 800; margin: 0 0 6px; }
.da-role-demo p { color: #d8e5e2; font-size: 14px; margin: 0; }
.da-role-demo .da-button { background: var(--da-lime); color: var(--da-ink); flex: 0 0 auto; }

@media (max-width: 991px) {
    #header .header-inner { height: 78px; }
    #header #logo { height: 78px; }
    #header #logo img { max-height: 56px; }
    #mainMenu-trigger { display: flex; height: 78px; }
    body.mainMenu-open #header,
    body.mainMenu-open #header .header-inner,
    body.mainMenu-open #header #header-wrap,
    body.mainMenu-open #mainMenu { background: var(--da-white) !important; }
    /* header-inner has a fixed height by default; let it grow so the open menu isn't cut off */
    body.mainMenu-open #header .header-inner { height: auto !important; }
    /* the container's side gutter would otherwise leave the open menu's edges uncovered */
    body.mainMenu-open #header .header-inner > .container { padding-left: 0 !important; padding-right: 0 !important; }
    body.mainMenu-open #header .header-inner > .container > #logo,
    body.mainMenu-open #header .header-inner > .container > #mainMenu-trigger { padding-left: 15px; padding-right: 15px; }
    body.mainMenu-open #mainMenu > .container { background: var(--da-white) !important; max-width: 100% !important; padding: 0 !important; width: 100% !important; }
    /* the theme's own li > a rule has higher specificity and zeroes horizontal padding, so indent the list instead */
    body.mainMenu-open #mainMenu nav > ul { padding: 8px 20px 24px !important; }
    #mainMenu { display: block; height: auto; }
    #mainMenu nav > ul { display: block; }
    #mainMenu nav > ul > li > a { border-radius: 8px; color: var(--da-ink) !important; padding: 11px 20px; }
    #mainMenu nav > ul > li > a:hover { background: var(--da-mint) !important; color: var(--da-teal) !important; }
    /* #mainMenu carries the theme's "menu-outline" class, whose current rule forces background-color: transparent */
    #mainMenu nav > ul > li.current > a { background: none !important; border-color: transparent !important; color: var(--da-teal) !important; }
    .da-hero, .da-hero-slide { min-height: 555px; }
    .da-hero-content { padding: 104px 0 110px; }
    .da-hero h1 { font-size: 45px; }
    .da-feature-grid { grid-template-columns: repeat(2, 1fr); }
    .da-workspace-grid { gap: 48px; }
    .da-screen-grid { grid-template-columns: repeat(2, 1fr); }
    .da-flow-step { padding: 0 20px; }
    .da-page-hero-inner { grid-template-columns: 1fr; }
    .da-contact-panel, .da-contact-form-wrap { padding: 28px; }
    .da-contact-panel h2 { font-size: 32px; }
}

@media (max-width: 575px) {
    .da-hero, .da-hero-slide { min-height: 540px; }
    .da-hero-slide:before { background: rgba(10, 28, 31, .84); }
    .da-hero-content { padding: 90px 0 88px; }
    .da-hero h1 { font-size: 36px; }
    .da-hero-copy { font-size: 16px; }
    .da-button { width: 100%; }
    .da-button-secondary { margin: 10px 0 0; }
    .da-stats .container { grid-template-columns: 1fr; }
    .da-stat { border-bottom: 1px solid rgba(20, 33, 38, .16); border-right: 0; padding: 18px; }
    .da-stat:last-child { border-bottom: 0; }
    .da-intro, .da-how-it-works, .da-workspace, .da-product-strip { padding: 64px 0 !important; }
    .da-section-heading h2, .da-how-heading h2, .da-workspace h2 { font-size: 31px; }
    .da-feature-grid, .da-workspace-grid, .da-screen-grid { grid-template-columns: 1fr; }
    .da-flow { gap: 34px; grid-template-columns: 1fr; }
    .da-flow:before { bottom: 9%; height: auto; left: 50%; right: auto; top: 9%; width: 1px; }
    .da-flow-step { padding: 0 22px; }
    .da-workspace-visual { box-shadow: 12px 12px 0 var(--da-orange); }
    .da-page-hero { padding: 90px 0 52px; }
    .da-page-hero-copy h1 { font-size: 36px; }
    .da-page-hero-copy p { font-size: 16px; }
    .da-contact-highlights { flex-direction: column; }
    .da-contact-quick-inner strong { font-size: 27px; }
    .da-contact-panel, .da-contact-form-wrap { padding: 22px; }
    .da-book-form-grid { grid-template-columns: 1fr; }
    .da-about { margin: 0; }
    .da-about-hero, .da-about-main { padding: 48px 24px; }
    .da-about-grid, .da-about-values { grid-template-columns: 1fr; }
    .da-about-grid { gap: 34px; }
    .da-about-copy h3 { font-size: 29px; }
    .da-about-values { gap: 18px; padding: 26px 24px; }
    .da-features { margin: 0; padding: 0 24px; width: 100%; }
    .da-features-intro { margin: 0; padding: 48px 24px; }
    .da-feature-row, .da-feature-row:nth-child(odd) { display: flex; flex-direction: column; gap: 30px; padding: 48px 0; }
    .da-feature-row:nth-child(odd) .da-feature-visual, .da-feature-row:nth-child(odd) .da-feature-copy { order: initial; }
    .da-feature-visual { width: calc(100% - 10px); }
    .da-feature-copy h3 { font-size: 28px; }
    .da-pricing-page { margin: 0; padding: 0 24px 60px; width: 100%; }
    .da-pricing-hero { margin: 0 0 38px; padding: 48px 24px 58px; }
    .da-pricing-grid { grid-template-columns: 1fr; }
    .da-pricing-card.is-featured { transform: none; }
    .da-pricing-billing { flex-wrap: wrap; justify-content: center; }
    .da-pricing-card-head, .da-pricing-card-body { padding-left: 22px; padding-right: 22px; }
    .da-pricing-actions, .da-pricing-faq-grid { grid-template-columns: 1fr; }
    .da-pricing-faq { margin-top: 42px; }
    .da-blog-page { margin: 0; }
    .da-blog-hero { padding: 50px 0 58px; }
    .da-blog-list-section { padding: 48px 0 60px; }
    .da-blog-grid { grid-template-columns: 1fr; }
    .da-blog-detail { margin: 0; }
    .da-blog-detail-hero { min-height: 320px; padding: 58px 0 50px; }
    .da-blog-detail-content { padding: 44px 0 60px; }
    .da-blog-detail-body { font-size: 16px; padding: 30px 24px 34px; }
    .da-blog-detail-footer { align-items: flex-start; flex-direction: column; padding: 24px; }
    .da-pricing-trust { padding: 24px 20px; }
    .da-pricing-trust-head { align-items: flex-start; }
    .da-pricing-trust-grid { grid-template-columns: 1fr 1fr; }
    .da-faq-page { margin: 0; padding: 0 24px 60px; width: 100%; }
    .da-faq-intro { margin: 0 0 38px; padding: 48px 24px 58px; }
    .da-faq-cta { align-items: flex-start; flex-direction: column; margin-top: 22px; padding: 25px; }
    .da-faq-cta-actions { flex-direction: column; width: 100%; }
    .da-integrations { margin: 0; padding: 0 24px 60px; width: 100%; }
    .da-integrations-hero { margin: 0; padding: 48px 24px 58px; }
    .da-integration-trust { align-items: flex-start; padding: 22px 24px; }
    .da-integration-grid { grid-template-columns: 1fr; }
    .da-role-features { margin: 0; padding: 0 24px 60px; width: 100%; }
    .da-role-hero { margin: 0; padding: 48px 24px 58px; }
    .da-role-section { padding: 48px 0 0; }
    .da-role-grid { grid-template-columns: 1fr; }
    .da-role-demo { align-items: flex-start; flex-direction: column; margin: 42px 0 0; padding: 25px; }
    .da-faq-grid { grid-template-columns: 1fr; }
    .da-faq-group { padding: 22px; }
    .da-floating-book-btn {
        bottom: 74px;
        right: 16px;
        width: calc(100% - 32px);
    }
    .da-floating-trial-btn {
        bottom: 132px;
        right: 16px;
        width: calc(100% - 32px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .da-flow-icon { animation: none; }
}