/**
 * DEV Mason RAW II — dws-page-home
 * TruGuard source: 03-standalone-html/homepage.html
 * Shell: dws-shell-v2.css | Tokens: dws-tokens-v2.css
 */

.dws-gen2.dws-page-home img{display:block;max-width:100%;height:auto}
.dws-gen2.dws-page-home a{text-decoration:none;color:inherit}
.dws-gen2.dws-page-home img{display:block;max-width:100%;height:auto}
.dws-gen2.dws-page-home button,.dws-gen2.dws-page-home input,.dws-gen2.dws-page-home select{font:inherit}
.dws-gen2.dws-page-home .wrap{width:min(var(--max),calc(100% - 34px));margin:auto}
.dws-gen2.dws-page-home .brand{display:flex;align-items:center;gap:13px;min-width:0}
.dws-gen2.dws-page-home .brand img{width:48px;height:48px}
.dws-gen2.dws-page-home .brand-text{font-family:var(--brand);line-height:1.1;color:#fff;font-size:16px;font-weight:800;white-space:nowrap}
.dws-gen2.dws-page-home .brand-text small{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-top:4px}
.dws-gen2.dws-page-home .hero{
        position: relative;
        min-height: 72vh;
        display: grid;
        align-items: center;
        color: var(--dws-white);
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0.25) 100%), url(https://demewebsolutions.com/wp-content/uploads/2025/03/DemeWebSolutions.com-Background.jpg) center / cover no-repeat;
        overflow: hidden;
        padding: 62px 0 46px;
    }
.dws-gen2.dws-page-home .hero:before{content:"";position:absolute;inset:0;background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.dws-gen2.dws-page-home .hero-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:38px;align-items:center}
.dws-gen2.dws-page-home .eyebrow{
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 9px 13px;
        border: 1px solid var(--line);
        border-radius: 999px;
        background: rgba(255,255,255,.06);
        color: rgba(255,255,255,.78);
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .1em;
        text-transform: uppercase;
      }
.dws-gen2.dws-page-home .eyebrow:before{content:"";width:11px;height:11px;border-radius:99px;background:var(--blue);box-shadow:0 0 20px var(--blue)}
.dws-gen2.dws-page-home .dotcom,.dws-gen2.dws-page-home .blue{
          color: var(--blue-bright);
      }
.dws-gen2.dws-page-home h1{font-size:clamp(3.1rem,7vw,6.5rem);line-height:.9;letter-spacing:-.075em;margin:22px 0 18px}
.dws-gen2.dws-page-home .hero p{font-size:20px;line-height:1.65;color:#c9d1d9;max-width:760px;margin:0}
.dws-gen2.dws-page-home .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.dws-gen2.dws-page-home .market-preview{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:28px;padding:18px;box-shadow:var(--shadow)}
.dws-gen2.dws-page-home .preview-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 14px;margin-bottom:14px;color:#c9d1d9;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.dws-gen2.dws-page-home .dots{display:flex;gap:8px}
.dws-gen2.dws-page-home .dots span{
        width: 10px;
        height: 10px;
        border-radius: 99px;
        background: #c9d1d933;
    }
.dws-gen2.dws-page-home .preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dws-gen2.dws-page-home .preview-card{background:#fff;color:var(--ink);border-radius:18px;padding:14px;min-height:150px}
.dws-gen2.dws-page-home .preview-stage{height:70px;border-radius:14px;background:linear-gradient(180deg,#fff,#eef2f6);display:grid;place-items:center;border:1px solid var(--border);margin-bottom:12px}
.dws-gen2.dws-page-home .preview-card strong{display:block}
.dws-gen2.dws-page-home .preview-card span{color:var(--light-muted);font-size:13px}
.dws-gen2.dws-page-home .mark{width:44px;height:44px;border-radius:12px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.13);display:grid;place-items:center;color:var(--blue);font-weight:900}
.dws-gen2.dws-page-home .trust{background:#fff;border-bottom:1px solid var(--border)}
.dws-gen2.dws-page-home .trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.dws-gen2.dws-page-home .trust-item{padding:22px;text-align:center;border-left:1px solid var(--border)}
.dws-gen2.dws-page-home .trust-item:first-child{border-left:0}
.dws-gen2.dws-page-home .trust-item strong{display:block;font-size:15px}
.dws-gen2.dws-page-home .trust-item span{display:block;color:var(--light-muted);font-size:13px;margin-top:4px}
.dws-gen2.dws-page-home .section{padding:68px 0}
.dws-gen2.dws-page-home .section.dark{background:var(--bg);color:#fff}
.dws-gen2.dws-page-home .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.dws-gen2.dws-page-home .section-head h2{font-size:clamp(2.3rem,4.4vw,4.5rem);line-height:.94;letter-spacing:-.065em;margin:0}
.dws-gen2.dws-page-home .section-head p{max-width:58ch;color:var(--light-muted);line-height:1.75;margin:0}
.dws-gen2.dws-page-home .dark .section-head p{color:var(--muted)}
.dws-gen2.dws-page-home .hero h1{
          font-family: var(--brand-font);
          font-size: clamp(2.8rem,5.7vw,4.55rem);
          line-height: 1.03;
          letter-spacing: -.04em;
          margin: 24px 0 12px;
          font-weight: 900;
      }
.dws-gen2.dws-page-home .hero p{
          font-size: 20px;
          line-height: 1.65;
          color: #c9d1d9;
          max-width: 760px;
          margin: 0;
      }
.dws-gen2.dws-page-home .tagline{
          margin: 0 0 24px;
          font-size: clamp(1.35rem,2.5vw,2.05rem);
          font-weight: 800;
          color: #f0f6fc;
      }
.dws-gen2.dws-page-home .code-body{
          padding: 30px;
          font-family: ui-monospace,SFMono-Regular,Menlo,monospace;
          font-size: 15px;
          color: #c9d1d9;
          line-height: 2;
          min-height: 270px;
          display: grid;
          align-content: center;
      }
.dws-gen2.dws-page-home .code-body .gray{color:#8b949e}
.dws-gen2.dws-page-home .code-body .blue{color:var(--blue-bright)}
.dws-gen2.dws-page-home .code-body .white{color:#fff}
.dws-gen2.dws-page-home .eyebrow-marketplace{
          font-size: 12px;
          text-transform: uppercase;
          letter-spacing: .18em;
          font-weight: 800;
          color: var(--blue);
          margin-bottom: 10px;
      }
.dws-gen2.dws-page-home .hero-card,.dws-gen2.dws-page-home .visual-card,.dws-gen2.dws-page-home .card,.dws-gen2.dws-page-home .product,.dws-gen2.dws-page-home .portfolio,.dws-gen2.dws-page-home .cta{
          background: rgba(255, 255, 255, .88);
          box-shadow: var(--shadow);
          backdrop-filter: blur(14px);
      }
.dws-gen2.dws-page-home .product,.dws-gen2.dws-page-home .portfolio,.dws-gen2.dws-page-home .card{
          padding: 18px;
      }
.dws-gen2.dws-page-home .grid3{
          display: grid;
          grid-template-columns: repeat(3,1fr);
          gap: 18px;
      }
.dws-gen2.dws-page-home .grid-portfolio{
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 26px;
      }
.dws-gen2.dws-page-home .meta-portfolio{
          
      }
.dws-gen2.dws-page-home .portfolio-card .meta-portfolio{
          padding: 1px;
          margin-top: 10px;
      }
.dws-gen2.dws-page-home .portfolio-card{
          padding: 0;
          overflow: hidden;
      }
.dws-gen2.dws-page-home .container-portfolio{
          width: min(var(--max), calc(100% - 34px));
          margin: auto;
          padding: 72px 0;
      }
.dws-gen2.dws-page-home .alt{
          background: var(--soft);
      }
.dws-gen2.dws-page-home .portfolio-layout{
          display: grid;
          grid-template-columns: minmax(280px, 0.95fr) minmax(0, 1.05fr);
          gap: 40px;
          align-items: start;
      }
.dws-gen2.dws-page-home .portfolio-intro h2{
          font-family: var(--brand);
          font-size: clamp(2rem, 4vw, 3.4rem);
          line-height: 1.02;
          letter-spacing: -.06em;
          margin: 0 0 16px;
      }
.dws-gen2.dws-page-home .portfolio-intro p{
          color: var(--light-muted);
          line-height: 1.75;
          margin: 0 0 18px;
          max-width: 58ch;
      }
.dws-gen2.dws-page-home .support-wrap{
          padding-bottom: 28px;
      }
.dws-gen2.dws-page-home .cta-card{
          margin-top: 28px;
      }
.dws-gen2.dws-page-home .cta .split h3{
          color: var(--blue-bright);
          font-size: 13px;
          font-weight: 900;
          text-transform: uppercase;
          letter-spacing: .12em;
          margin: 0 0 12px;
      }
.dws-gen2.dws-page-home .cta .split h2{
          font-family: var(--brand);
          font-size: clamp(2rem, 4vw, 3rem);
          line-height: 1.02;
          letter-spacing: -.05em;
          margin: 0 0 14px;
      }
.dws-gen2.dws-page-home .cta .split p{
          color: #c9d1d9;
          line-height: 1.7;
          max-width: 58ch;
      }
.dws-gen2.dws-page-home .portfolio-card img{
          width: 100%;
          height: auto;
          display: block;
      }
.dws-gen2.dws-page-home .meta-portfolio h3{
          margin: 0 0 6px;
          font-size: 18px;
          letter-spacing: -.03em;
      }
.dws-gen2.dws-page-home .meta-portfolio p{
          margin: 0;
          color: var(--light-muted);
          font-size: 14px;
          line-height: 1.55;
      }
.dws-gen2.dws-page-home .card{
          background: #fff;
          border: 1px solid var(--border);
          border-radius: 24px;
          box-shadow: 0 8px 24px rgba(0,0,0,.04);
          padding: 28px;
          transition: .2s;
          width: 200px;
      }
.dws-gen2.dws-page-home .product-stage,.dws-gen2.dws-page-home .portfolio-stage{
          height: 230px;
          border-radius: 24px;
          background: linear-gradient(180deg,#fbfbfc,#eef2f6);
          border: 1px solid var(--line);
          display: grid;
          place-items: center;
          position: relative;
          overflow: hidden;
      }
.dws-gen2.dws-page-home .meta{
          display: flex;
          flex-wrap: wrap;
          gap: 8px;
          margin: 16px 0 12px;
      }
.dws-gen2.dws-page-home .split{
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 50px;
          align-items: center;
          width: min(100% - 40px, var(--dws-max));
          margin: auto;
          padding: 86px 0;
      }
.dws-gen2.dws-page-home .check-list{
          list-style: none;
          margin: 0;
          padding: 0;
          display: grid;
          gap: 10px;
          max-width: 58ch;
          color: var(--light-muted);
          line-height: 1.75;
          margin: 0;
      }
.dws-gen2.dws-page-home .blog-item{
          display: grid;
          grid-template-columns: 72px 1fr;
          gap: 14px;
          align-items: start;
          padding: 12px;
          border-radius: 14px;
          background: rgba(255, 255, 255, 0.04);
          border: 1px solid var(--line);
      }
.dws-gen2.dws-page-home .resource-main,.dws-gen2.dws-page-home .resource-side{
          background: var(--panel);
          border: 1px solid var(--line);
          border-radius: var(--radius);
          padding: 30px;
      }
.dws-gen2.dws-page-home .blog-item img{
          width: 72px;
          height: 72px;
          object-fit: cover;
          border-radius: 10px;
      }
.dws-gen2.dws-page-home .blog-item .cat2{
          font-size: 11px;
          font-weight: 800;
          text-transform: uppercase;
          letter-spacing: 0.06em;
          color: var(--blue-bright);
          margin-bottom: 4px;
      }
.dws-gen2.dws-page-home .blog-item h4{
          margin: 0;
          font-size: 15px;
          line-height: 1.35;
          color: #fff;
      }
.dws-gen2.dws-page-home .resource-grid{
          display: grid;
          grid-template-columns: 1.2fr 0.8fr;
          gap: 18px;
      }
.dws-gen2.dws-page-home .resource-main .btn.primary{
          margin-top: 20px;
      }
.dws-gen2.dws-page-home .blog-list{
          display: grid;
          gap: 14px;
          margin-top: 20px;
      }
.dws-gen2.dws-page-home .product-strip{
          position: relative;
          z-index: 2;
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 14px;
          width: 100%;
          margin: -36px auto 0;
          padding: 18px;
          background: #fff;
          border: 1px solid var(--border);
          border-radius: var(--radius-lg);
          box-shadow: 0 24px 70px rgba(0, 0, 0, 0.06);
      }
.dws-gen2.dws-page-home .product-strip-section{
          padding: 0 0 24px;
      }
.dws-gen2.dws-page-home .strip-card{
          border: 1px solid var(--line-light);
          border-radius: 24px;
          padding: 18px;
          min-height: 130px;
          width: auto;
          background: #fff;
          box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
      }
.dws-gen2.dws-page-home .strip-card .type{
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: .12em;
          font-weight: 900;
          color: var(--blue);
          margin-bottom: 8px;
      }
.dws-gen2.dws-page-home .eyebrow2{
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 9px 13px;
      border: 1px solid #1515150d;
      border-radius: 999px;
      background: rgba(255, 255, 255, .06);
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
      }
.dws-gen2.dws-page-home .eyebrow2:before{
          content: "";
          width: 11px;
          height: 11px;
          border-radius: 99px;
          background: var(--blue);
          box-shadow: 0 0 20px var(--blue);
      }
.dws-gen2.dws-page-home .product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dws-gen2.dws-page-home .product-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(27,31,36,.06);transition:.2s}
.dws-gen2.dws-page-home .product-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(27,31,36,.1)}
.dws-gen2.dws-page-home .product-card__stage{height:218px;border-radius:16px;background:linear-gradient(180deg,#fff,#eef2f6);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.dws-gen2.dws-page-home .product{background:#fff;border:1px solid var(--border);border-radius:20px;padding:18px;box-shadow:0 10px 28px rgba(27,31,36,.06);transition:.2s}
.dws-gen2.dws-page-home .product:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(27,31,36,.1)}
.dws-gen2.dws-page-home .stage{height:218px;border-radius:16px;background:linear-gradient(180deg,#fff,#eef2f6);border:1px solid var(--border);display:grid;place-items:center;position:relative;overflow:hidden}
.dws-gen2.dws-page-home .badge{
        position: absolute;
        top: 12px;
        left: 12px;
        background: #ddf4ffa3;
        color: #008ed6;
        border: 1px solid rgb(9 105 218 / 11%);
        border-radius: 999px;
        padding: 7px 10px;
        font-size: 11px;
        font-weight: 900;
        text-transform: uppercase;
        box-shadow: var(--shadow);
    }
.dws-gen2.dws-page-home .free{background:#dafbe1;color:#1a7f37}
.dws-gen2.dws-page-home .appicon{width:96px;height:96px;border-radius:24px;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.12);display:grid;place-items:center;color:var(--blue);font-size:26px;font-weight:900}
.dws-gen2.dws-page-home .product h3{font-size:22px;letter-spacing:-.04em;margin:18px 0 8px}
.dws-gen2.dws-page-home .product p{color:var(--light-muted);line-height:1.65;margin:0;font-size:15px}
.dws-gen2.dws-page-home .meta{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.dws-gen2.dws-page-home .pill{border:1px solid var(--border);background:#f6f8fa;color:#57606a;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}
.dws-gen2.dws-page-home .price{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}
.dws-gen2.dws-page-home .price b{font-size:14px}
.dws-gen2.dws-page-home .price-row{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-top:16px;
}
.dws-gen2.dws-page-home .product-strip .price .btn,
.dws-gen2.dws-page-home .price .btn{
        min-height: 38px;
        padding: 0 14px;
        color: #fff !important;
        background: var(--blue);
        border-color: var(--blue);
        border-radius: 9px;
    }
.dws-gen2.dws-page-home .check-list li::before{content:"✓";color:var(--blue);font-weight:900;margin-right:8px}
.dws-gen2.dws-page-home .socials svg{width:18px;height:18px;fill:currentColor}
.dws-gen2.dws-page-home .cta{padding:72px 0;background:linear-gradient(135deg,#0d1117,#071b2b 60%,#008ed6)}
.dws-gen2.dws-page-home .cat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.dws-gen2.dws-page-home .cat{
        background: linear-gradient(180deg,#161b22,#0d1117);
        border: 1px solid var(--line);
        border-radius: 22px;
        padding: 24px;
        min-height: 180px;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 24px;
        align-items: center;
        background: rgba(255, 255, 255, .08);
        border: 1px solid rgba(255, 255, 255, .16);
        border-radius: 26px;
        padding: 36px;
    }
.dws-gen2.dws-page-home .cat .iconbox{width:52px;height:52px;border-radius:14px;background:rgba(0,142,214,.18);display:grid;place-items:center;color:var(--blue-bright);font-weight:900}
.dws-gen2.dws-page-home .cat h3{font-size:22px;letter-spacing:-.04em;margin:18px 0 8px}
.dws-gen2.dws-page-home .cat p{color:var(--muted);line-height:1.6;margin:0;font-size:14px}
.dws-gen2.dws-page-home .bundle{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.dws-gen2.dws-page-home .bundle-card{border-radius:26px;padding:30px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.dws-gen2.dws-page-home .bundle-card h3{font-size:34px;margin:0 0 10px;letter-spacing:-.05em}
.dws-gen2.dws-page-home .bundle-card p{color:var(--muted);line-height:1.75}
.dws-gen2.dws-page-home .bundle-list{display:grid;gap:10px;margin:20px 0}
.dws-gen2.dws-page-home .bundle-list span{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:14px;padding:12px;color:#c9d1d9}
.dws-gen2.dws-page-home .docs-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.dws-gen2.dws-page-home .doc{background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px}
.dws-gen2.dws-page-home .doc h3{font-size:30px;letter-spacing:-.04em;margin:0 0 10px}
.dws-gen2.dws-page-home .doc p{color:#57606a;line-height:1.75}
.dws-gen2.dws-page-home .doc-list{display:grid;gap:12px}
.dws-gen2.dws-page-home .doc-item{border:1px solid var(--border);border-radius:16px;padding:15px;background:#fff}
.dws-gen2.dws-page-home .doc-item strong{display:block}
.dws-gen2.dws-page-home .doc-item span{display:block;color:#57606a;font-size:14px;margin-top:4px}
.dws-gen2.dws-page-home .cta{background:linear-gradient(135deg,#0d1117,#071b2b 60%,var(--blue));color:#fff;padding:70px 0}
.dws-gen2.dws-page-home .cta-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:26px;padding:36px}
.dws-gen2.dws-page-home .cta h2{font-size:clamp(2rem,4vw,50px);letter-spacing:-.06em;margin:0 0 10px}
.dws-gen2.dws-page-home .cta p{
        color: #c9d1d9;
        line-height: 1.7;
    }
.dws-gen2.dws-page-home .socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.dws-gen2.dws-page-home .socials a{
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        color: #fff;
        font-weight: 900;
        background: rgba(255, 255, 255, .08);
        border: 1px solid rgba(255, 255, 255, .16);
        }
@media (max-width: 1080px) {.dws-gen2.dws-page-home .hero-content,.dws-gen2.dws-page-home .resource-grid,.dws-gen2.dws-page-home .cta-card{
              grid-template-columns: 1fr;
          }}
@media (max-width: 1060px) {.dws-gen2.dws-page-home .product-strip{
              grid-template-columns: repeat(2, 1fr);
              margin-top: 0;
          }}
@media (max-width: 680px) {.dws-gen2.dws-page-home .product-strip,.dws-gen2.dws-page-home .market-grid,.dws-gen2.dws-page-home .portfolio-grid,.dws-gen2.dws-page-home .blog-grid,.dws-gen2.dws-page-home .category-grid{
              grid-template-columns: 1fr;
          }}
@media(max-width:1100px){.dws-gen2.dws-page-home .hero-grid,.dws-gen2.dws-page-home .docs-grid,.dws-gen2.dws-page-home .cta-card,.dws-gen2.dws-page-home .bundle,.dws-gen2.dws-page-home .portfolio-layout,.dws-gen2.dws-page-home .split{grid-template-columns:1fr}
.dws-gen2.dws-page-home .product-grid{grid-template-columns:repeat(2,1fr)}
.dws-gen2.dws-page-home .cat-grid{grid-template-columns:repeat(2,1fr)}
.dws-gen2.dws-page-home .preview-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.dws-gen2.dws-page-home .hero{padding-top:44px}
.dws-gen2.dws-page-home .product-grid,.dws-gen2.dws-page-home .cat-grid,.dws-gen2.dws-page-home .trust-row{grid-template-columns:1fr}
.dws-gen2.dws-page-home .section-head{display:block}
.dws-gen2.dws-page-home .preview-grid{grid-template-columns:1fr}
.dws-gen2.dws-page-home h1{font-size:3.15rem}
.dws-gen2.dws-page-home .brand-text{font-size:14px}
.dws-gen2.dws-page-home .brand-text small{font-size:10px}}