/* ==========================================================================
       DESIGN MATTER STUDIO — Design System (scoped: dms-)
       Palette: blue-dominant, orange accent, light theme
       Type: Space Grotesk (display) + Inter (body) · 8px spacing scale
       ========================================================================== */
    :root {
      /* Brand */
      --dms-blue:       #2563EB;
      --dms-blue-2:     #60A5FA;
      --dms-blue-ink:   #1D4ED8;
      --dms-orange:     #F59E0B;
      --dms-orange-2:   #FBBF24;

      /* Surfaces */
      --dms-bg:         #F8FAFC;
      --dms-surface:    #FFFFFF;
      --dms-border:     #E5E7EB;
      --dms-ink:        #111827;
      --dms-ink-deep:   #0B1220;
      --dms-body:       #4B5563;
      --dms-muted:      #6B7280;

      /* Tints */
      --dms-blue-050:   #EFF5FF;
      --dms-blue-100:   #DBE7FE;
      --dms-orange-050: #FEF6E7;

      /* Spacing (8px scale) */
      --s-1: 8px;  --s-2: 16px; --s-3: 24px; --s-4: 32px;
      --s-5: 40px; --s-6: 48px; --s-7: 64px; --s-8: 80px;
      --s-9: 96px; --s-10: 128px;

      /* Radius */
      --r-sm: 12px; --r-md: 18px; --r-lg: 24px; --r-xl: 32px; --r-pill: 999px;

      /* Shadow */
      --sh-sm: 0 1px 2px rgba(16,24,40,.05);
      --sh-md: 0 8px 24px rgba(16,24,40,.06);
      --sh-lg: 0 24px 48px -12px rgba(16,24,40,.12);
      --sh-blue: 0 18px 40px -12px rgba(37,99,235,.45);

      --dms-container: 1320px;
      --ease: cubic-bezier(.22,.61,.36,1);
    }

    /* ---------- Base ---------- */
    * { -webkit-font-smoothing: antialiased; }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Inter', system-ui, sans-serif;
      color: var(--dms-body);
      background: var(--dms-bg);
      font-size: 17px;
      line-height: 1.6;
      overflow-x: hidden;
    }
    h1,h2,h3,h4,h5 { font-family: 'Space Grotesk', system-ui, sans-serif; color: var(--dms-ink); letter-spacing: -.02em; }
    a { text-decoration: none; color: inherit; }
    ::selection { background: var(--dms-blue); color:#fff; }

    .dms-container { max-width: var(--dms-container); margin-inline: auto; padding-inline: 24px; }
    .dms-section { padding-block: var(--s-8); position: relative; }
    @media (max-width: 992px){ .dms-section { padding-block: var(--s-6); } }

    /* Eyebrow */
    .dms-eyebrow{
      display:inline-flex; align-items:center; gap:8px;
      font-family:'Space Grotesk'; font-weight:600; font-size:13px; letter-spacing:.06em; text-transform:uppercase;
      color:var(--dms-blue-ink); background:var(--dms-blue-050);
      border:1px solid var(--dms-blue-100); padding:8px 16px; border-radius:var(--r-pill);
    }
    .dms-eyebrow i{ color:var(--dms-orange); font-size:15px; }
    .dms-eyebrow--light{ color:#cfe0ff; background:rgba(96,165,250,.12); border-color:rgba(96,165,250,.24); }

    .dms-h-lead{ font-size:15px; color:var(--dms-muted); max-width:52ch; }

    /* Section heading */
    .dms-shead h2{ font-size:clamp(2rem, 3.4vw, 3rem); font-weight:700; line-height:1.05; }
    .dms-shead p{ margin-top:16px; font-size:18px; max-width:60ch; }

    /* Highlight-marker keyword — signature element */
    .dms-mark{ position:relative; display:inline-block; white-space:nowrap; color:var(--dms-ink); z-index:0; }
    .dms-mark::before{
      content:""; position:absolute; z-index:-1; left:-.14em; right:-.14em; bottom:.06em; top:.16em;
      background:var(--dms-orange); border-radius:14px 12px 16px 13px;
      transform:rotate(-1.4deg); transition:transform .5s var(--ease);
    }
    .dms-mark--blue::before{ background:var(--dms-blue); }
    .dms-mark--blue{ color:#fff; }
    .dms-mark--onblue::before{ background:var(--dms-orange); }
    h1:hover .dms-mark::before{ transform:rotate(1deg); }

    /* ---------- Buttons ---------- */
    .dms-btn{
      --btn-bg:var(--dms-blue); --btn-fg:#fff;
      position:relative; display:inline-flex; align-items:center; gap:10px;
      font-family:'Space Grotesk'; font-weight:600; font-size:16px;
      padding:15px 26px; border-radius:var(--r-pill); border:1.5px solid transparent;
      background:var(--btn-bg); color:var(--btn-fg); cursor:pointer;
      transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .2s, color .2s;
      box-shadow:var(--sh-blue);
    }
    .dms-btn i{ transition:transform .3s var(--ease); }
    .dms-btn:hover{ transform:translateY(-3px); }
    .dms-btn:hover i.bi-arrow-right{ transform:translateX(4px); }
    .dms-btn:active{ transform:translateY(-1px); }
    .dms-btn--ghost{ --btn-bg:transparent; --btn-fg:var(--dms-ink); border-color:var(--dms-border); box-shadow:none; background:var(--dms-surface); }
    .dms-btn--ghost:hover{ border-color:var(--dms-blue); color:var(--dms-blue-ink); }
    .dms-btn--dark{ --btn-bg:var(--dms-ink); --btn-fg:#fff; box-shadow:0 12px 28px -10px rgba(17,24,39,.5); }
    .dms-btn--white{ --btn-bg:#fff; --btn-fg:var(--dms-blue-ink); box-shadow:0 12px 30px -10px rgba(0,0,0,.3); }
    .dms-btn--ghost-light{ --btn-bg:transparent; --btn-fg:#fff; border-color:rgba(255,255,255,.35); box-shadow:none; }
    .dms-btn--ghost-light:hover{ border-color:#fff; background:rgba(255,255,255,.08); }
    .dms-btn--sm{ padding:11px 20px; font-size:15px; }

    :focus-visible{ outline:3px solid var(--dms-blue-2); outline-offset:3px; border-radius:6px; }

    /* ---------- Header ---------- */
    .dms-header{
      position:fixed; inset:0 0 auto 0; z-index:1000; padding-block:18px;
      transition:background .3s, box-shadow .3s, padding .3s, border-color .3s;
      border-bottom:1px solid transparent;
    }
    .dms-header.is-stuck{ background:rgba(255,255,255,.82); backdrop-filter:blur(16px); box-shadow:var(--sh-md); padding-block:12px; border-color:var(--dms-border); }
    .dms-nav{ display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .dms-logo{ display:flex; align-items:center; gap:11px; font-family:'Space Grotesk'; font-weight:700; font-size:20px; color:var(--dms-ink); letter-spacing:-.02em; }
    .dms-logo__mark{ width:38px; height:38px; border-radius:11px; display:grid; place-items:center; background:linear-gradient(135deg,var(--dms-blue),var(--dms-blue-2)); box-shadow:var(--sh-blue); }
    .dms-logo__mark svg{ width:20px; height:20px; }
    .dms-logo small{ display:block; font-family:'Inter'; font-weight:500; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--dms-muted); margin-top:-2px; }
    .dms-navlinks{ display:flex; align-items:center; gap:6px; list-style:none; margin:0; padding:6px; background:rgba(255,255,255,.6); border:1px solid var(--dms-border); border-radius:var(--r-pill); }
    .is-stuck .dms-navlinks{ background:var(--dms-blue-050); }
    .dms-navlinks a{ font-weight:500; font-size:15px; color:var(--dms-body); padding:9px 16px; border-radius:var(--r-pill); transition:color .2s, background .2s; }
    .dms-navlinks a:hover{ color:var(--dms-ink); background:#fff; }
    .dms-nav__actions{ display:flex; align-items:center; gap:12px; }
    .dms-nav__link{ font-family:'Space Grotesk'; font-weight:600; font-size:15px; color:var(--dms-ink); padding:10px 6px; }
    .dms-nav__link:hover{ color:var(--dms-blue-ink); }
    .dms-burger{ display:none; width:46px; height:46px; border-radius:12px; border:1px solid var(--dms-border); background:#fff; color:var(--dms-ink); font-size:20px; }

    /* ---------- Hero ---------- */
    .dms-hero{ position:relative; padding-top:100px; padding-bottom:72px; overflow:hidden; }
    .dms-hero__grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:48px; align-items:center; }
    .dms-hero h1{ font-size:clamp(2.7rem, 5.2vw, 4.5rem); font-weight:700; line-height:1.02; margin:22px 0 0; }
    .dms-hero__sub{ font-size:19px; max-width:46ch; margin-top:24px; }
    .dms-hero__cta{ display:flex; gap:14px; margin-top:34px; flex-wrap:wrap; }
    .dms-hero__proof{ display:flex; align-items:center; gap:16px; margin-top:34px; }
    .dms-avatars{ display:flex; }
    .dms-avatars span{ width:44px; height:44px; border-radius:50%; border:3px solid var(--dms-bg); margin-left:-12px; display:grid; place-items:center; color:#fff; font-family:'Space Grotesk'; font-weight:600; font-size:15px; }
    .dms-avatars span:first-child{ margin-left:0; }
    .dms-hero__proof small{ font-size:14px; color:var(--dms-muted); display:block; }
    .dms-hero__proof strong{ color:var(--dms-ink); font-family:'Space Grotesk'; }
    .dms-stars{ color:var(--dms-orange); font-size:13px; }

    /* Hero visual composition */
    .dms-visual{ position:relative; height:520px; }
    .dms-visual__blob{ position:absolute; inset:0; margin:auto; width:88%; height:88%; border-radius:44% 56% 60% 40% / 52% 44% 56% 48%; background:radial-gradient(120% 120% at 30% 20%, #EAF1FF 0%, #DDE9FF 45%, #F8FAFC 100%); }
    .dms-card-float{ position:absolute; background:var(--dms-surface); border:1px solid var(--dms-border); border-radius:var(--r-lg); box-shadow:var(--sh-lg); }
    .dms-fc-1{ width:290px; top:26px; left:34px; padding:18px; transform:rotate(-4deg); z-index:3; }
    .dms-fc-2{ width:220px; right:8px; top:150px; padding:16px; transform:rotate(4deg); z-index:4; }
    .dms-fc-3{ width:230px; left:20px; bottom:18px; padding:14px 18px; transform:rotate(2deg); z-index:5; display:flex; align-items:center; gap:14px; }
    .dms-mini-thumb{ height:120px; border-radius:14px; background:linear-gradient(135deg,var(--dms-blue),var(--dms-blue-2)); position:relative; overflow:hidden; margin-bottom:12px; }
    .dms-mini-thumb--warm{ background:linear-gradient(135deg,var(--dms-orange),var(--dms-orange-2)); }
    .dms-mini-thumb i{ position:absolute; color:rgba(255,255,255,.9); }
    .dms-fc-1 .dms-line{ height:9px; border-radius:6px; background:var(--dms-border); }
    .dms-fc-1 .dms-line.sm{ width:60%; margin-top:8px; }
    .dms-swatches{ display:flex; gap:8px; }
    .dms-swatches span{ width:34px; height:34px; border-radius:9px; }
    .dms-fc-3 .ring{ width:44px; height:44px; border-radius:50%; display:grid; place-items:center; background:var(--dms-blue-050); color:var(--dms-blue); font-size:20px; }
    .dms-fc-3 b{ font-family:'Space Grotesk'; color:var(--dms-ink); font-size:22px; display:block; line-height:1; }
    .dms-fc-3 small{ font-size:12px; }
    /* floating geo shapes */
    .dms-geo{ position:absolute; z-index:6; }
    .dms-geo--ring{ width:76px; height:76px; border:8px solid var(--dms-orange); border-radius:50%; right:-6px; bottom:70px; opacity:.9; }
    .dms-geo--dot{ width:20px; height:20px; border-radius:50%; background:var(--dms-orange); left:0; top:120px; }
    .dms-geo--star{ right:40px; top:8px; color:var(--dms-blue); font-size:34px; }
    .dms-geo--plus{ left:44%; bottom:-6px; color:var(--dms-orange); font-size:26px; }

    .dms-float{ animation:dms-float 6s ease-in-out infinite; }
    .dms-float.d2{ animation-delay:-2s; } .dms-float.d3{ animation-delay:-4s; }
    @keyframes dms-float{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-14px) } }

    /* Metrics + logos */
    .dms-metrics{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:88px; padding-top:44px; border-top:1px solid var(--dms-border); }
    .dms-metric b{ font-family:'Space Grotesk'; font-weight:700; font-size:clamp(2.2rem,3.4vw,3rem); color:var(--dms-ink); line-height:1; letter-spacing:-.03em; display:block; }
    .dms-metric b .plus{ color:var(--dms-orange); display:inline; font-size:1em; margin:0; }
    .dms-metric > span{ font-size:14.5px; color:var(--dms-muted); margin-top:8px; display:block; }
    .dms-logos{ margin-top:64px; }
    .dms-logos p{ text-align:center; font-size:13px; letter-spacing:.1em; text-transform:uppercase; color:var(--dms-muted); margin-bottom:28px; }
    .dms-logos__row{ display:flex; align-items:center; justify-content:space-between; gap:32px; flex-wrap:wrap; }
    .dms-wordmark{ font-family:'Space Grotesk'; font-weight:700; font-size:22px; letter-spacing:.02em; color:#98A2B3; opacity:.85; transition:color .3s, opacity .3s; display:inline-flex; align-items:center; gap:8px; }
    .dms-wordmark:hover{ color:var(--dms-ink); opacity:1; }
    .dms-wordmark i{ font-size:18px; }

    /* ---------- Services ---------- */
    .dms-scards{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:56px; }
    .dms-scard{
      position:relative; background:var(--dms-surface); border:1px solid var(--dms-border);
      border-radius:var(--r-lg); padding:32px; overflow:hidden; transition:transform .35s var(--ease), box-shadow .35s var(--ease), border-color .3s;
    }
    .dms-scard::after{ content:""; position:absolute; inset:auto -40% -60% auto; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle,var(--dms-blue-050),transparent 70%); opacity:0; transition:opacity .4s; }
    .dms-scard:hover{ transform:translateY(-8px); box-shadow:var(--sh-lg); border-color:transparent; }
    .dms-scard:hover::after{ opacity:1; }
    .dms-scard__ic{ width:58px; height:58px; border-radius:16px; display:grid; place-items:center; font-size:26px; background:var(--dms-blue-050); color:var(--dms-blue); transition:background .3s, color .3s, transform .35s var(--ease); }
    .dms-scard:hover .dms-scard__ic{ background:var(--dms-blue); color:#fff; transform:rotate(-6deg) scale(1.05); }
    .dms-scard h3{ font-size:22px; font-weight:600; margin:22px 0 10px; }
    .dms-scard p{ font-size:15.5px; margin:0; }
    .dms-scard__go{ position:absolute; top:28px; right:28px; width:40px; height:40px; border-radius:50%; border:1px solid var(--dms-border); display:grid; place-items:center; color:var(--dms-ink); opacity:0; transform:translate(6px,-6px); transition:.35s var(--ease); }
    .dms-scard:hover .dms-scard__go{ opacity:1; transform:none; background:var(--dms-orange); border-color:var(--dms-orange); color:#fff; }
    .dms-also{ margin-top:28px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; justify-content:center; }
    .dms-also span{ font-size:14px; color:var(--dms-muted); font-weight:500; }
    .dms-tag{ font-family:'Space Grotesk'; font-weight:500; font-size:14.5px; color:var(--dms-ink); background:var(--dms-surface); border:1px solid var(--dms-border); padding:9px 16px; border-radius:var(--r-pill); transition:.25s; }
    .dms-tag:hover{ border-color:var(--dms-blue); color:var(--dms-blue-ink); background:var(--dms-blue-050); }

    /* ---------- Process ---------- */
    .dms-steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:56px; position:relative; }
    .dms-step{ position:relative; background:var(--dms-surface); border:1px solid var(--dms-border); border-radius:var(--r-lg); padding:30px 26px 28px; transition:.35s var(--ease); }
    .dms-step:hover{ transform:translateY(-6px); box-shadow:var(--sh-lg); }
    .dms-step__num{ font-family:'Space Grotesk'; font-weight:700; font-size:66px; line-height:1; color:transparent; -webkit-text-stroke:1.5px var(--dms-blue-100); letter-spacing:-.04em; }
    .dms-step:hover .dms-step__num{ -webkit-text-stroke:1.5px var(--dms-blue); }
    .dms-step__go{ position:absolute; top:28px; right:26px; width:38px; height:38px; border-radius:50%; background:var(--dms-blue-050); color:var(--dms-blue); display:grid; place-items:center; transition:.3s; }
    .dms-step:hover .dms-step__go{ background:var(--dms-blue); color:#fff; }
    .dms-step h3{ font-size:20px; font-weight:600; margin:18px 0 10px; }
    .dms-step p{ font-size:15px; margin:0; }
    .dms-step__dash{ position:absolute; top:52px; right:-13px; z-index:2; color:var(--dms-blue-2); font-size:20px; }
    .dms-step:last-child .dms-step__dash{ display:none; }

    /* ---------- Why Choose Us (dark) ---------- */
    .dms-dark{ background:var(--dms-ink-deep); color:#C7CEDB; border-radius:40px; overflow:hidden; position:relative; }
    .dms-dark__glow{ position:absolute; width:520px; height:520px; border-radius:50%; filter:blur(90px); opacity:.4; pointer-events:none; }
    .g1{ background:var(--dms-blue); top:-160px; left:-120px; }
    .g2{ background:var(--dms-orange); bottom:-200px; right:-120px; opacity:.22; }
    .dms-dark h2{ color:#fff; }
    .dms-dark .dms-shead p{ color:#98A2B3; }
    .dms-why__grid{ display:grid; grid-template-columns:1.1fr .9fr; gap:56px; margin-top:52px; }
    .dms-feat{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .dms-feat__card{ background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:var(--r-md); padding:24px; transition:.3s; }
    .dms-feat__card:hover{ background:rgba(96,165,250,.1); border-color:rgba(96,165,250,.35); transform:translateY(-4px); }
    .dms-feat__card i{ font-size:26px; color:var(--dms-blue-2); }
    .dms-feat__card h4{ color:#fff; font-size:17px; font-weight:600; margin:16px 0 8px; }
    .dms-feat__card p{ font-size:14px; margin:0; color:#98A2B3; }
    /* comparison */
    .dms-compare{     
        background: rgba(255, 255, 255, .03);
        border: 1px solid rgba(255, 255, 255, .1);
        border-radius: var(--r-lg);
        overflow: hidden 
    }
    .dms-compare img{
        object-fit: cover;
    }
    .dms-compare__head{ display:grid; grid-template-columns:1.4fr 1fr 1fr; padding:16px 18px 14px; font-family:'Space Grotesk'; font-size:13.5px; }
    .dms-compare__head span:nth-child(2){ color:var(--dms-blue-2); text-align:center; font-weight:600; }
    .dms-compare__head span:nth-child(3){ color:#6B7280; text-align:center; }
    .dms-crow{ display:grid; grid-template-columns:1.4fr 1fr 1fr; align-items:center; padding:15px 18px; border-top:1px solid rgba(255,255,255,.07); font-size:14.5px; }
    .dms-crow > span:first-child{ color:#C7CEDB; }
    .dms-crow .yes{ text-align:center; color:#34D399; font-size:19px; }
    .dms-crow .no{ text-align:center; color:#6B7280; font-size:19px; }
    .dms-why__stats{ display:flex; gap:36px; margin-top:44px; flex-wrap:wrap; }
    .dms-why__stats b{ font-family:'Space Grotesk'; font-weight:700; font-size:2.4rem; color:#fff; line-height:1; letter-spacing:-.03em; }
    .dms-why__stats .plus{ color:var(--dms-orange); }
    .dms-why__stats small{ display:block; color:#98A2B3; font-size:14px; margin-top:6px; }

    /* ---------- Pricing ---------- */
    .dms-toggle{ display:inline-flex; align-items:center; gap:6px; background:var(--dms-surface); border:1px solid var(--dms-border); border-radius:var(--r-pill); padding:6px; margin-top:24px; }
    .dms-toggle button{ font-family:'Space Grotesk'; font-weight:600; font-size:14.5px; border:none; background:transparent; color:var(--dms-body); padding:10px 22px; border-radius:var(--r-pill); cursor:pointer; transition:.25s; }
    .dms-toggle button.is-active{ background:var(--dms-blue); color:#fff; box-shadow:var(--sh-blue); }
    .dms-toggle .save{ font-size:12px; color:var(--dms-orange); font-weight:600; margin-left:2px; }
    .dms-pcards{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:52px; align-items:stretch; }
    .dms-pcard{ background:var(--dms-surface); border:1px solid var(--dms-border); border-radius:var(--r-xl); padding:34px 30px; display:flex; flex-direction:column; transition:.35s var(--ease); }
    .dms-pcard:hover{ transform:translateY(-6px); box-shadow:var(--sh-lg); }
    .dms-pcard--pop{ background:var(--dms-ink-deep); border-color:var(--dms-ink-deep); color:#C7CEDB; position:relative; box-shadow:var(--sh-lg); }
    .dms-pcard--pop h3, .dms-pcard--pop .dms-price b{ color:#fff; }
    .dms-pcard--pop .dms-plan-desc{ color:#98A2B3; }
    .dms-badge-pop{ position:absolute; top:22px; right:22px; font-family:'Space Grotesk'; font-weight:600; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:#111827; background:var(--dms-orange); padding:6px 12px; border-radius:var(--r-pill); }
    .dms-plan{ font-family:'Space Grotesk'; font-weight:600; font-size:18px; text-transform:uppercase; color:var(--dms-blue); }
    .dms-pcard--pop .dms-plan{ color:var(--dms-blue-2); }
    .dms-plan-desc{ font-size:16px; color:var(--dms-muted); margin-top:8px; min-height:42px; }
    .dms-price{ margin:22px 0 4px; display:flex; align-items:baseline; gap:6px; }
    .dms-price b{ font-family:'Space Grotesk'; font-weight:700; font-size:2.8rem; color:var(--dms-ink); letter-spacing:-.03em; }
    .dms-price span{ font-size:15px; color:var(--dms-muted); }
    .dms-plist{ list-style:none; margin:24px 0 28px; padding:24px 0 0; border-top:1px solid var(--dms-border); display:grid; gap:13px; }
    .dms-pcard--pop .dms-plist{ border-color:rgba(255,255,255,.12); }
    .dms-plist li{ display:flex; gap:11px; align-items:flex-start; font-size:15px; }
    .dms-plist i{ color:var(--dms-blue); font-size:15px; margin-top:3px; flex:none; }
    .dms-pcard--pop .dms-plist i{ color:var(--dms-blue-2); }
    .dms-pcard .dms-btn{ width:100%; justify-content:center; margin-top:auto; }

    /* ---------- FAQ ---------- */
    .dms-faq{ max-width:820px; margin:52px auto 0; display:grid; gap:14px; }
    .dms-acc{ background:var(--dms-surface); border:1px solid var(--dms-border); border-radius:var(--r-md); overflow:hidden; transition:border-color .3s, box-shadow .3s; }
    .dms-acc.is-open{ border-color:var(--dms-blue-100); box-shadow:var(--sh-md); }
    .dms-acc__q{ display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; text-align:left; background:none; border:none; cursor:pointer; padding:24px 26px; font-family:'Space Grotesk'; font-weight:600; font-size:18px; color:var(--dms-ink); }
    .dms-acc__ic{ flex:none; width:34px; height:34px; border-radius:50%; background:var(--dms-blue-050); color:var(--dms-blue); display:grid; place-items:center; transition:.35s var(--ease); }
    .dms-acc.is-open .dms-acc__ic{ background:var(--dms-blue); color:#fff; transform:rotate(45deg); }
    .dms-acc__a{ max-height:0; overflow:hidden; transition:max-height .4s var(--ease); }
    .dms-acc__a p{ padding:0 26px 26px; margin:0; font-size:15.5px; }

    /* ---------- Final CTA ---------- */
    .dms-cta{ position:relative; border-radius:40px; overflow:hidden; background:linear-gradient(135deg,var(--dms-blue-ink),var(--dms-blue) 55%,#3B82F6); color:#fff; padding:72px; }
    .dms-cta__grid{ position:absolute; inset:0; background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,.16) 1px, transparent 0); background-size:26px 26px; opacity:.5; }
    .dms-cta__blob{ position:absolute; border-radius:50%; filter:blur(60px); }
    .dms-cta__blob.a{ width:360px; height:360px; background:rgba(245,158,11,.35); top:-120px; right:-60px; }
    .dms-cta__blob.b{ width:320px; height:320px; background:rgba(255,255,255,.18); bottom:-140px; left:10%; }
    .dms-cta__inner{ position:relative; display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap; }
    .dms-cta h2{ color:#fff; font-size:clamp(2.2rem,4vw,3.4rem); font-weight:700; line-height:1.05; max-width:16ch; }
    .dms-cta h2 .dms-mark::before{ background:var(--dms-orange); }
    .dms-cta p{ color:rgba(255,255,255,.85); font-size:18px; margin-top:18px; max-width:44ch; }
    .dms-cta__btns{ display:flex; gap:14px; margin-top:32px; flex-wrap:wrap; }
    /* rotating badge */
    .dms-seal{ position:relative; width:150px; height:150px; flex:none; }
    .dms-seal__spin{ width:100%; height:100%; animation:dms-spin 14s linear infinite; }
    .dms-seal__spin text{ font-family:'Space Grotesk'; font-size:11.5px; font-weight:600; letter-spacing:.1em; fill:#fff; text-transform:uppercase; }
    .dms-seal__core{ position:absolute; inset:0; margin:auto; width:64px; height:64px; border-radius:50%; background:var(--dms-orange); display:grid; place-items:center; color:#111827; font-size:26px; }
    @keyframes dms-spin{ to{ transform:rotate(360deg) } }

    /* ---------- Footer ---------- */
    .dms-footer{ background:var(--dms-surface); border-top:1px solid var(--dms-border); padding-top:80px; }
    .dms-foot__grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1.4fr; gap:40px; padding-bottom:56px; }
    .dms-foot__brand p{ font-size:15px; margin:20px 0 24px; max-width:34ch; }
    .dms-footer h5{ font-family:'Space Grotesk'; font-size:14px; letter-spacing:.08em; text-transform:uppercase; color:var(--dms-ink); margin-bottom:18px; }
    .dms-footer ul{ list-style:none; padding:0; margin:0; display:grid; gap:12px; }
    .dms-footer ul a{ font-size:15px; color:var(--dms-body); transition:color .2s, padding .2s; }
    .dms-footer ul a:hover{ color:var(--dms-blue-ink); padding-left:4px; }
    .dms-news{ display:flex; gap:8px; margin-top:8px; }
    .dms-news input{ flex:1; border:1px solid var(--dms-border); border-radius:var(--r-pill); padding:13px 18px; font-family:'Inter'; font-size:15px; background:var(--dms-bg); color:var(--dms-ink); }
    .dms-news input:focus{ outline:none; border-color:var(--dms-blue); box-shadow:0 0 0 4px var(--dms-blue-050); }
    .dms-news button{ flex:none; width:50px; border:none; border-radius:50%; background:var(--dms-blue); color:#fff; font-size:18px; cursor:pointer; transition:.25s; }
    .dms-news button:hover{ transform:scale(1.05); }
    .dms-social{ display:flex; gap:10px; margin-top:22px; }
    .dms-social a{ width:44px; height:44px; border-radius:12px; border:1px solid var(--dms-border); display:grid; place-items:center; color:var(--dms-ink); font-size:18px; transition:.25s; }
    .dms-social a:hover{ background:var(--dms-blue); color:#fff; border-color:var(--dms-blue); transform:translateY(-3px); }
    .dms-foot__bar{ border-top:1px solid var(--dms-border); padding:26px 0; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:14px; color:var(--dms-muted); }
    .dms-foot__bar a{ color:var(--dms-muted); }
    .dms-foot__bar a:hover{ color:var(--dms-ink); }

    /* ---------- Reveal animation ---------- */
    .dms-reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s var(--ease), transform .7s var(--ease); }
    .dms-reveal.is-in{ opacity:1; transform:none; }

    /* ---------- Mobile nav panel ---------- */
    .dms-mnav{ position:fixed; inset:0; z-index:1200; background:rgba(11,18,32,.5); backdrop-filter:blur(4px); opacity:0; pointer-events:none; transition:opacity .3s; }
    .dms-mnav.is-open{ opacity:1; pointer-events:auto; }
    .dms-mnav__panel{ position:absolute; top:14px; right:14px; left:14px; background:#fff; border-radius:24px; padding:20px; box-shadow:var(--sh-lg); transform:translateY(-16px); transition:transform .35s var(--ease); }
    .dms-mnav.is-open .dms-mnav__panel{ transform:none; }
    .dms-mnav__panel a{ display:block; font-family:'Space Grotesk'; font-weight:600; font-size:19px; color:var(--dms-ink); padding:14px 12px; border-radius:14px; }
    .dms-mnav__panel a:hover{ background:var(--dms-blue-050); color:var(--dms-blue-ink); }
    .dms-mnav__panel hr{ border-color:var(--dms-border); margin:10px 0; }

    /* ========================================================================
       RESPONSIVE
       ======================================================================== */
    @media (max-width:1200px){
      .dms-navlinks{ gap:2px; }
      .dms-navlinks a{ padding:9px 12px; font-size:14px; }
    }
    @media (max-width:992px){
      .dms-navlinks, .dms-nav__link{ display:none; }
      .dms-burger{ display:grid; place-items:center; }
      .dms-hero__grid{ grid-template-columns:1fr; gap:20px; }
      .dms-visual{ height:420px; max-width:520px; margin-inline:auto; }
      .dms-metrics{ grid-template-columns:repeat(2,1fr); gap:32px 24px; margin-top:64px; }
      .dms-scards{ grid-template-columns:repeat(2,1fr); }
      .dms-steps{ grid-template-columns:repeat(2,1fr); }
      .dms-step__dash{ display:none; }
      .dms-why__grid{ grid-template-columns:1fr; gap:40px; }
      .dms-pcards{ grid-template-columns:1fr; max-width:460px; margin-inline:auto; }
      .dms-foot__grid{ grid-template-columns:1fr 1fr; gap:36px; }
      .dms-foot__brand{ grid-column:1 / -1; }
      .dms-cta{ padding:52px 40px; }
      .dms-dark{ border-radius:28px; }
    }
    @media (max-width:576px){
      body{ font-size:16px; }
      .dms-container{ padding-inline:20px; }
      .dms-hero{ padding-top:132px; }
      .dms-hero__cta .dms-btn{ flex:1; justify-content:center; }
      .dms-metrics{ gap:24px 16px; }
      .dms-scards{ grid-template-columns:1fr; }
      .dms-steps{ grid-template-columns:1fr; }
      .dms-feat{ grid-template-columns:1fr; }
      .dms-compare__head, .dms-crow{ grid-template-columns:1.4fr .7fr .7fr; font-size:13px; }
      .dms-cta{ padding:40px 24px; }
      .dms-cta__inner{ flex-direction:column; align-items:flex-start; }
      .dms-visual{ height:360px; }
      .dms-logos__row{ justify-content:center; gap:24px 32px; }
      .dms-foot__bar{ flex-direction:column; align-items:flex-start; }
    }
    @media (max-width:360px){
      .dms-hero h1{ font-size:2.4rem; }
      .dms-price b{ font-size:2.4rem; }
    }

    @media (prefers-reduced-motion: reduce){
      *,*::before,*::after{ animation:none !important; transition:none !important; scroll-behavior:auto !important; }
      .dms-reveal{ opacity:1; transform:none; }
    }