:root {
  --bg-dark: #000000;
  --bg-panel: #282b30;
  --text-main: #ffffff;
  --text-muted: #a4a6ac;
  --btn-bg: #ffffff;
  --btn-text: #1f2125;
  --border-radius-lg: 18px;
}

               .domo-choose {
               background-color: #020617;           /* dark bg */
               color: #e5e7eb;                       /* light text */
               padding: 60px 16px;
               }
               .domo-choose__container {
               max-width: 1100px;
               margin: 0 auto;
               }
               .domo-choose__header h2 {
               font-size: 2rem;
               margin-bottom: 10px;
               }
               .domo-choose__header p {
               max-width: 640px;
               color: #cbd5f5;
               font-size: 0.95rem;
               }
               .domo-choose__grid {
               margin-top: 32px;
               display: grid;
               grid-template-columns: 1fr;
               gap: 16px;
               }
               .domo-card {
               background: #020617;
               border: 1px solid #1f2937;
               border-radius: 16px;
               padding: 18px 18px 16px;
               }
               .domo-card h3 {
               font-size: 1.05rem;
               margin-bottom: 8px;
               }
               .domo-card ul {
               list-style: none;
               padding: 0;
               margin: 0;
               font-size: 0.9rem;
               color: #d1d5db;
               }
               .domo-card li {
               position: relative;
               padding-left: 20px;
               margin-bottom: 6px;
               }
               .domo-card li::before {
               content: "•";
               position: absolute;
               left: 4px;
               top: 0;
               color: #22c55e; /* green bullet */
               font-weight: bold;
               }
               /* Responsive: 2 columns on tablets/desktops */
               @media (min-width: 768px) {
               .domo-choose__grid {
               grid-template-columns: repeat(2, minmax(0, 1fr));
               }

               /* Smart Editing Tools Section */
               .smart-tools {
               background: #000;
               color: #f5f5f5;
               padding: 80px 5vw;
               font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
               "Helvetica Neue", Arial, sans-serif;
               }
               .smart-tools__inner {
               max-width: 1200px;
               margin: 0 auto;
               }
               .smart-tools__heading {
               text-align: center;
               max-width: 720px;
               margin: 0 auto 56px;
               }
               .smart-tools__heading h2 {
               font-size: clamp(2.5rem, 3.5vw, 3.2rem);
               line-height: 1.2;
               font-weight: 600;
               margin-bottom: 16px;
               }
               .smart-tools__heading p {
               font-size: 0.98rem;
               line-height: 1.6;
               color: #c0c0c0;
               }
               /* Grid */
               .smart-tools__grid {
               display: grid;
               grid-template-columns: repeat(4, minmax(0, 1fr));
               gap: 1.75rem;
               }
               /* Card */
               .smart-tools__card {
               background: #101010;
               border-radius: 18px;
               overflow: hidden;
               box-shadow: 0 18px 40px rgba(0, 0, 0, 0.7);
               transition: transform 0.25s ease, box-shadow 0.25s ease,
               background 0.25s ease;
               cursor: default;
               }
               .smart-tools__card:hover {
               transform: translateY(-6px);
               box-shadow: 0 24px 60px rgba(0, 0, 0, 0.85);
               background: #151515;
               }
               .smart-tools__media {
               margin: 0;
               overflow: hidden;
               }
               .smart-tools__media img {
               display: block;
               width: 100%;
               height: 100%;
               aspect-ratio: 16 / 10;
               object-fit: cover;
               transform: scale(1.02);
               transition: transform 0.35s ease;
               }
               .smart-tools__card:hover .smart-tools__media img {
               transform: scale(1.08);
               }
               .smart-tools__content {
               padding: 18px 20px 22px;
               }
               .smart-tools__content h3 {
               font-size: 1.05rem;
               font-weight: 600;
               margin: 0 0 8px;
               }
               .smart-tools__content p {
               margin: 0;
               font-size: 0.9rem;
               line-height: 1.6;
               color: #cccccc;
               }
               /* Responsive */
               @media (max-width: 1024px) {
               .smart-tools__grid {
               grid-template-columns: repeat(2, minmax(0, 1fr));
               }
               }
               @media (max-width: 640px) {
               .smart-tools {
               padding: 56px 5vw;
               }
               .smart-tools__grid {
               grid-template-columns: 1fr;
               }
               .smart-tools__content {
               padding: 16px 18px 20px;
               }
               }
               .domo-how {
               background-color: #020617;   /* dark background */
               color: #e5e7eb;
               padding: 60px 16px;
               }
               .domo-how__container {
               max-width: 1100px;
               margin: 0 auto;
               }
               .domo-how__header h2 {
               font-size: 1.9rem;
               margin-bottom: 10px;
               color:#f8fafc;
               }
               .domo-how__header p {
               max-width: 700px;
               font-size: 0.95rem;
               color: #cbd5f5;
               }
               .domo-how__grid {
               margin-top: 28px;
               display: grid;
               grid-template-columns: 1fr;
               gap: 16px;
               }
               .domo-how__card {
               background: #020617;
               border-radius: 16px;
               border: 1px solid #1f2937;
               padding: 18px 18px 16px;
               }
               .domo-how__card h3 {
               font-size: 1.1rem;
               margin-bottom: 6px;
               color:#a5b4fccc;
               }
               .domo-how__intro {
               font-size: 0.9rem;
               color: #d1d5db;
               margin-bottom: 10px;
               }
               .domo-how__card ul {
               list-style: none;
               padding: 0;
               margin: 0;
               font-size: 0.9rem;
               color: #e5e7eb;
               }
               .domo-how__card li {
               position: relative;
               padding-left: 18px;
               margin-bottom: 6px;
               }
               .domo-how__card li::before {
               content: "•";
               position: absolute;
               left: 4px;
               top: 0;
               color: #22c55e;   /* green bullet */
               font-weight: bold;
               }
               /* 2-column layout on tablet+ */
               @media (min-width: 768px) {
               .domo-how__grid {
               grid-template-columns: repeat(2, minmax(0, 1fr));
               }
               .domo-usecases {
               background-color: #020617;   /* dark background */
               color: #e5e7eb;
               padding: 60px 16px;
               }
               .domo-usecases__container {
               max-width: 1100px;
               margin: 0 auto;
               }
               .domo-usecases__header h2 {
               font-size: 1.9rem;
               margin-bottom: 10px;
               }
               .domo-usecases__header p {
               max-width: 680px;
               font-size: 0.95rem;
               color: #cbd5f5;
               }
               .domo-usecases__grid {
               margin-top: 28px;
               display: grid;
               grid-template-columns: 1fr;
               gap: 16px;
               }
               .domo-usecases__card {
               background: #020617;
               border: 1px solid #1f2937;
               border-radius: 16px;
               padding: 18px 18px 16px;
               }
               .domo-usecases__card h3 {
               font-size: 1.1rem;
               margin-bottom: 6px;
               color: #a5b4fccc;
               }
               .domo-usecases__card ul {
               list-style: none;
               padding: 0;
               margin: 0;
               font-size: 0.9rem;
               color: #e5e7eb;
               }
               .domo-usecases__card li {
               position: relative;
               padding-left: 18px;
               margin-bottom: 6px;
               }
               .domo-usecases__card li::before {
               content: "•";
               position: absolute;
               left: 4px;
               top: 0;
               color: #22c55e; /* green bullet */
               font-weight: bold;
               }
               /* 2-column layout on tablet+ */
               @media (min-width: 768px) {
               .domo-usecases__grid {
               grid-template-columns: repeat(2, minmax(0, 1fr));
               }
               }