/* Product demos gallery (from the old site) */
/* Product demos: animated, product-first video gallery */
.demo-section{max-width:1320px;padding:clamp(76px,9vw,132px) 32px;scroll-margin-top:84px}
.demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.demo-kicker{display:block;margin-bottom:12px;color:var(--teal);font:600 11px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.demo-heading .section-title h2{font-size:clamp(34px,4.4vw,52px);letter-spacing:-.045em}
.demo-heading .section-title p{max-width:560px;font-size:16px;margin-top:12px}
.demo-count{display:inline-flex;align-items:center;gap:9px;margin-bottom:5px;color:var(--muted);font:500 12px var(--mono);white-space:nowrap}
.demo-count span,.demo-window-tag i{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);animation:demoPulse 2.2s ease-in-out infinite}
.demo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;margin-top:36px}
.demo-card{flex:0 0 calc((100% - 36px)/3);max-width:calc((100% - 36px)/3)}
.demo-card{padding:8px;gap:0;border-radius:20px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .25s,box-shadow .35s}
.demo-card:hover{transform:translateY(-5px);border-color:rgba(var(--demo-accent),.58);box-shadow:0 22px 52px -36px rgba(var(--demo-accent),.55)}
.demo-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;padding:0;border:0;border-radius:14px;background:radial-gradient(ellipse at 76% 18%,rgba(var(--demo-accent),.26),transparent 45%),linear-gradient(135deg,var(--soft2),var(--soft));color:#fff;text-align:left;cursor:pointer;isolation:isolate}
.demo-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74;filter:saturate(.82);transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .6s,opacity .6s}
.demo-preview:hover img,.demo-preview:focus-visible img{transform:scale(1.075);filter:saturate(1.12);opacity:.9}
.demo-preview-wash{position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(8,11,17,.58),transparent 38%,rgba(8,11,17,.78)),linear-gradient(115deg,rgba(var(--demo-accent),.25),transparent 60%);mix-blend-mode:multiply;pointer-events:none}
.demo-window-tag{position:absolute;top:15px;left:16px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.84);font:500 9px var(--mono);letter-spacing:.08em;text-shadow:0 1px 8px #000}
.demo-window-tag i{width:5px;height:5px}
.demo-play{position:absolute;left:50%;top:50%;z-index:1;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(255,255,255,.92);color:#10141b;box-shadow:0 5px 28px rgba(0,0,0,.26);transform:translate(-50%,-50%);transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}
.demo-play svg{width:21px;height:21px;margin-left:3px}
.demo-preview:hover .demo-play,.demo-preview:focus-visible .demo-play{transform:translate(-50%,-50%) scale(1.12);background:var(--teal);color:#061410}
.demo-preview-label{position:absolute;left:16px;bottom:14px;color:#fff;font:600 15px var(--display);text-shadow:0 1px 12px rgba(0,0,0,.65)}
.demo-preview-label b{display:inline-block;margin-left:4px;color:var(--teal);transition:transform .25s}
.demo-preview:hover .demo-preview-label b{transform:translateX(4px)}
.demo-duration{position:absolute;right:12px;bottom:12px;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:rgba(8,11,17,.58);backdrop-filter:blur(8px);color:rgba(255,255,255,.83);font:10px var(--mono)}
.demo-card-copy{padding:18px 14px 14px;display:flex;flex-direction:column;align-items:flex-start;min-height:166px}
.demo-index{color:var(--teal);font:500 9px var(--mono);letter-spacing:.09em}
.demo-card h3{margin-top:8px;font-size:21px;letter-spacing:-.03em}
.demo-card p{margin-top:7px;max-width:42ch;font-size:14px;line-height:1.55}
.demo-card .demo-link{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:16px 0 1px;border:0;background:none;color:var(--ink);font:600 13px var(--body);cursor:pointer}
.demo-link span{color:var(--teal);transition:transform .2s}.demo-link:hover span{transform:translate(2px,-2px)}
.demo-preview:focus-visible,.demo-link:focus-visible,.demo-player-close:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
.demo-player[hidden]{display:none}
.demo-player{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}
.demo-player-backdrop{position:absolute;inset:0;background:rgba(4,7,12,.78);backdrop-filter:blur(12px);animation:demoFade .2s ease both}
.demo-player-panel{position:relative;width:min(100%,960px);padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#10141b;color:#f5f7fb;box-shadow:0 32px 100px rgba(0,0,0,.5);animation:demoRise .32s cubic-bezier(.2,.8,.2,1) both}
.demo-player-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:2px 2px 16px}
.demo-player-top .demo-kicker{margin-bottom:4px;color:#64d9ce;font-size:9px}
.demo-player-top h2{font:600 20px/1.2 var(--display);letter-spacing:-.02em}
.demo-player-close{width:40px;height:40px;flex:0 0 auto;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font:300 26px/1 var(--body);cursor:pointer;transition:background .2s,transform .2s}
.demo-player-close:hover{background:rgba(255,255,255,.14);transform:rotate(90deg)}
.demo-player-frame{overflow:hidden;aspect-ratio:16/9;border-radius:12px;background:#05070a}
.demo-player-frame iframe{display:block;width:100%;height:100%;border:0}
body.demo-video-open{overflow:hidden}
@keyframes demoPulse{50%{opacity:.48;box-shadow:0 0 4px var(--teal)}}
@keyframes demoFade{from{opacity:0}to{opacity:1}}
@keyframes demoRise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:900px){.demo-card{flex-basis:calc((100% - 18px)/2);max-width:calc((100% - 18px)/2)}}
@media(max-width:600px){.demo-section{padding-top:68px;padding-bottom:72px}.demo-heading{display:block}.demo-count{margin-top:18px}.demo-grid{gap:14px;margin-top:24px}.demo-card{flex-basis:100%;max-width:100%}.demo-card-copy{min-height:150px;padding:16px 12px 12px}.demo-player{padding:12px}.demo-player-panel{padding:12px;border-radius:16px}.demo-player-top h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.demo-count span,.demo-window-tag i{animation:none}.demo-card,.demo-preview img,.demo-play,.demo-link span{transition:none}.demo-player-backdrop,.demo-player-panel{animation:none}}
/* Original product illustrations replace video-frame thumbnails */
.demo-illustration{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 52% 46%,rgba(var(--demo-accent),.17),transparent 57%),linear-gradient(145deg,#10151d,#0a0d13 78%);color:#e8edf4;font-family:var(--mono)}
.demo-preview-wash{z-index:1;background:linear-gradient(180deg,rgba(8,11,17,.14),transparent 28%,rgba(8,11,17,.52)),linear-gradient(115deg,rgba(var(--demo-accent),.09),transparent 65%);mix-blend-mode:normal;pointer-events:none}
.demo-window-tag,.demo-play,.demo-preview-label,.demo-duration{z-index:2}
.art-appbar{position:absolute;left:0;right:0;top:0;height:38px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,11,16,.55);color:rgba(231,237,245,.53);font-size:6px;letter-spacing:.06em}
.art-appbar>i{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.2)}
.art-appbar>span{margin-left:7px}.art-appbar>b{margin-left:auto;color:rgba(var(--demo-accent),.95);font-size:6px;font-weight:500}
.art-data-layout{position:absolute;inset:48px 12% 24px 12%;display:flex;gap:12px;align-items:center}
.art-side{width:8%;height:90%;display:flex;flex-direction:column;gap:12px;padding-top:8px}.art-side i{width:12px;height:12px;border:1px solid rgba(255,255,255,.13);border-radius:4px}.art-side i:first-child{border-color:rgba(var(--demo-accent),.72);background:rgba(var(--demo-accent),.15)}
.art-table{flex:1;padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(17,22,30,.88);box-shadow:0 16px 50px rgba(0,0,0,.26);font-size:6px}
.art-table-head,.art-table>div{display:grid;grid-template-columns:1.3fr .85fr .55fr 1fr;gap:7px;align-items:center;height:22px;border-bottom:1px solid rgba(255,255,255,.055);color:#aeb7c6}
.art-table-head{height:19px;color:#727e8f;font-size:5px;letter-spacing:.06em}.art-table b{font-weight:500;color:#edf1f7}.art-table em{font-style:normal;color:#7ccbb4}.art-table em.art-warn{color:#f4b96a}
.art-bar{height:3px;border-radius:5px;background:rgba(var(--demo-accent),.65);animation:artBarIn 1.3s ease both}.art-bar.w80{width:80%}.art-bar.w62{width:62%;animation-delay:.15s}.art-bar.w48{width:48%;animation-delay:.3s}.art-bar.w68{width:68%;animation-delay:.45s}
.art-float{position:absolute;padding:8px 10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(15,20,28,.92);box-shadow:0 8px 24px rgba(0,0,0,.3);font-size:7px;color:#dfe7f0;animation:artFloat 4s ease-in-out infinite}
.art-stat{top:25%;right:8%;display:flex;flex-direction:column;gap:2px}.art-stat b{font:600 17px var(--display);color:rgb(var(--demo-accent))}.art-stat small{font-size:6px;color:#a4afbf}.art-check{bottom:12%;right:6%;color:#83dcb8;animation-delay:-1.6s}
.art-agents{background:radial-gradient(ellipse at 50% 54%,rgba(var(--demo-accent),.17),transparent 39%),linear-gradient(145deg,#10151d,#0a0d13 78%)}
.art-orbit{position:absolute;left:50%;top:57%;width:43%;height:55%;border:1px solid rgba(var(--demo-accent),.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg)}.art-orbit-two{width:62%;height:79%;transform:translate(-50%,-50%) rotate(48deg);border-color:rgba(255,255,255,.08)}
.art-node{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:76px;padding:8px 10px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:rgba(18,24,34,.96);box-shadow:0 7px 22px rgba(0,0,0,.28);font-size:7px;animation:artFloat 4.5s ease-in-out infinite}
.art-node i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(var(--demo-accent),.15);color:rgb(var(--demo-accent));font-style:normal;font-size:12px}.art-node b{font:500 7px var(--body)}.art-node small{font-size:6px;color:#8c97a7}
.node-source{left:13%;top:40%}.node-agent{left:50%;top:54%;transform:translate(-50%,-50%);min-width:88px;padding:11px 12px;animation-delay:-1.2s}.node-agent i{width:28px;height:28px;font-size:16px}.node-insight{right:13%;top:38%;animation-delay:-2s}.node-shield{right:20%;bottom:13%;min-width:62px;flex-direction:row;animation-delay:-.6s}.node-shield i{width:17px;height:17px}.art-spark{position:absolute;color:rgb(var(--demo-accent));font-size:17px;animation:artTwinkle 2.6s ease-in-out infinite}.spark-one{left:35%;top:31%}.spark-two{right:35%;bottom:23%;animation-delay:-1.3s}
.art-chat-layout{position:absolute;inset:50px 12% 25px;display:flex;align-items:center;justify-content:center;gap:12px}.art-paper{position:relative;width:36%;height:74%;padding:14px 11px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:linear-gradient(145deg,#f6f2eb,#dcd8d2);box-shadow:0 14px 32px rgba(0,0,0,.32);color:#252b35;transform:rotate(-3deg);animation:artPaper 5s ease-in-out infinite}
.art-file-icon{display:inline-block;margin-bottom:8px;padding:3px 5px;border-radius:3px;background:#9d65d9;color:#fff;font:bold 5px var(--mono)}.art-paper>b{display:block;font:600 8px var(--body);line-height:1.35}.art-paper>i{display:block;width:100%;height:3px;margin-top:7px;border-radius:2px;background:#c4c4c1}.art-paper>i.short{width:68%}.art-paper>small{position:absolute;bottom:9px;left:11px;color:#81848b;font-size:5px}
.art-conversation{width:47%;display:flex;flex-direction:column;gap:8px}.art-question{align-self:flex-end;max-width:90%;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px 8px 2px 8px;background:#202632;color:#e1e6ee;font:7px var(--body)}.art-answer{padding:9px 10px;border:1px solid rgba(var(--demo-accent),.3);border-radius:8px;background:rgba(20,25,34,.95);box-shadow:0 0 26px rgba(var(--demo-accent),.08);animation:artGlow 3.5s ease-in-out infinite}.art-answer>b{color:rgb(var(--demo-accent));font:500 6px var(--mono)}.art-answer>b i{font-style:normal}.art-answer p{margin:6px 0;color:#e7ebf2;font:8px/1.45 var(--body)}.art-answer small{color:#a796ca;font-size:6px}.art-input{display:flex;justify-content:space-between;padding:6px 8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#8993a2;font-size:6px}.art-input b{display:grid;place-items:center;width:14px;height:14px;border-radius:4px;background:rgb(var(--demo-accent));color:#17121f;font-size:8px}.art-source{right:7%;bottom:11%;color:#cba8f6;animation-delay:-1.6s}
.art-sort-stage{position:absolute;inset:47px 11% 23px;display:flex;align-items:center;justify-content:space-between;gap:10px}.art-inbox{position:relative;width:37%;height:78%;border:1px dashed rgba(255,255,255,.19);border-radius:9px;background:rgba(255,255,255,.025)}.art-inbox>small{position:absolute;top:8px;left:9px;color:#8490a0;font-size:6px;letter-spacing:.08em}.art-doc{position:absolute;width:36px;height:48px;padding:6px 5px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:#1a202a;box-shadow:0 7px 18px rgba(0,0,0,.24);animation:artDoc 4s ease-in-out infinite}.art-doc b{display:block;margin-bottom:6px;font-size:5px;color:rgb(var(--demo-accent))}.art-doc i{display:block;height:2px;margin-top:3px;background:rgba(255,255,255,.22)}.doc-pdf{left:15%;top:32%;transform:rotate(-11deg)}.doc-xls{left:43%;top:27%;transform:rotate(8deg);animation-delay:-1.2s}.doc-doc{left:31%;top:52%;transform:rotate(-3deg);animation-delay:-2.1s}.art-sort-arrow{color:rgb(var(--demo-accent));font-size:18px;animation:artNudge 1.5s ease-in-out infinite}.art-folders{display:flex;flex-direction:column;gap:6px;width:42%}.art-folders>span{display:grid;grid-template-columns:17px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-height:34px;padding:5px 7px;border:1px solid rgba(var(--demo-accent),.21);border-radius:6px;background:rgba(19,24,32,.88);animation:artFolder 1s ease both}.art-folders>span:nth-child(2){animation-delay:.2s}.art-folders>span:nth-child(3){animation-delay:.4s}.art-folders i{grid-row:span 2;color:rgb(var(--demo-accent));font-style:normal;font-size:12px}.art-folders b{font:500 7px var(--body);color:#e3e8f0}.art-folders small{font-size:5px;color:#8c97a7}.art-sorted{right:7%;bottom:10%;color:#f2c48f;animation-delay:-1.5s}
.art-search-field{position:absolute;top:49px;left:15%;right:15%;display:flex;align-items:center;gap:7px;height:25px;padding:0 9px;border:1px solid rgba(var(--demo-accent),.34);border-radius:7px;background:rgba(17,22,31,.91);color:#dce3eb;font:7px var(--body);box-shadow:0 0 20px rgba(var(--demo-accent),.08)}.art-search-field>span{color:rgb(var(--demo-accent));font-size:13px}.art-search-field>b{margin-left:auto;color:rgb(var(--demo-accent));font-size:10px}
.art-image-grid{position:absolute;left:18%;right:18%;top:84px;bottom:21px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:6px}.art-photo{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:linear-gradient(145deg,#203848,#7b8e79)}.art-photo:before,.art-photo:after,.art-photo i{content:"";position:absolute;display:block}.art-photo:before{inset:0;background:linear-gradient(140deg,transparent 35%,rgba(13,20,24,.8) 36% 48%,transparent 49%),linear-gradient(25deg,#d2a77c 0 24%,#506f6c 25% 48%,transparent 49%)}.art-photo:after{width:23%;aspect-ratio:1;left:39%;top:27%;border-radius:50%;background:linear-gradient(135deg,#d3b791,#a27653);box-shadow:0 0 16px rgba(255,226,185,.24)}.art-photo i{left:43%;top:40%;width:16%;height:28%;border-radius:3px 3px 7px 7px;background:linear-gradient(90deg,#70898a,#dfc398,#798b80);box-shadow:0 4px 8px rgba(0,0,0,.36)}.photo-two{background:linear-gradient(140deg,#5a6f72,#c8a582)}.photo-two:before{background:linear-gradient(145deg,transparent 40%,#263d40 41% 60%,transparent 61%),linear-gradient(20deg,#9c765d,#52746a 55%,#d7bd9a)}.photo-two i{height:22%;top:43%;background:#b5a282}.photo-three{background:linear-gradient(135deg,#90785d,#263c3d)}.photo-three:before{background:linear-gradient(20deg,#273c3c 0 34%,transparent 35%),linear-gradient(145deg,transparent 40%,#475a53 41% 60%,transparent 61%)}.photo-three i{background:#cfb286}.photo-four{background:linear-gradient(135deg,#50616a,#b19778)}.photo-four:before{background:linear-gradient(35deg,#344944 0 32%,transparent 33%),linear-gradient(145deg,transparent 40%,#263a3a 41% 58%,transparent 59%)}.photo-four i{background:#e1d0ae}.photo-five{background:linear-gradient(135deg,#b18d72,#354d4a)}.photo-five:before{background:linear-gradient(25deg,#293e3c 0 30%,transparent 31%),linear-gradient(140deg,transparent 41%,#647466 42% 59%,transparent 60%)}.photo-five i{background:#a88e6c}.photo-six{background:linear-gradient(130deg,#657f7b,#a38062)}.photo-six:before{background:linear-gradient(145deg,transparent 35%,#263c39 36% 53%,transparent 54%),linear-gradient(20deg,#a87f63,#536a60 55%,#cab394)}.photo-six i{background:#d0bb98}.art-match{right:7%;bottom:9%;color:#97e1c1;animation-delay:-1.7s}
@keyframes artFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes artTwinkle{0%,100%{opacity:.4;scale:.85}50%{opacity:1;scale:1.15}}
@keyframes artGlow{0%,100%{border-color:rgba(var(--demo-accent),.2)}50%{border-color:rgba(var(--demo-accent),.62)}}
@keyframes artPaper{0%,100%{rotate:-3deg}50%{rotate:-1deg;translate:0 -3px}}
@keyframes artDoc{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes artNudge{0%,100%{translate:0 0;opacity:.7}50%{translate:4px 0;opacity:1}}
@keyframes artFolder{from{opacity:0;translate:8px 0}to{opacity:1;translate:0 0}}
@keyframes artBarIn{from{scale:0 1;transform-origin:left}to{scale:1 1;transform-origin:left}}
@media(max-width:600px){.art-data-layout{inset-inline:8%}.art-stat{right:4%;top:20%}.art-chat-layout{inset-inline:8%;gap:8px}.art-sort-stage{inset-inline:7%}.art-search-field{left:9%;right:9%}.art-image-grid{left:12%;right:12%}}
@media(prefers-reduced-motion:reduce){.art-bar,.art-float,.art-node,.art-spark,.art-paper,.art-doc,.art-folders>span,.art-sort-arrow,.art-answer{animation:none!important}}
.art-appbar>i,.art-appbar>span{display:none}



/* ===== FORCE 5 PRODUCT CARDS IN ONE ROW ===== */

.demo-section .demo-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
    justify-content: stretch !important;
    width: 100%;
}

.demo-section .demo-card {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: initial !important;
    box-sizing: border-box;
}

/* Tablet */
@media (max-width: 900px) {
    .demo-section .demo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    .demo-section .demo-grid {
        grid-template-columns: 1fr !important;
    }
}




/* Product walkthrough gallery - tablet */
@media (min-width: 641px) and (max-width: 1000px) {
  .demo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }
}

/* Product walkthrough gallery - mobile */
@media (max-width: 640px) {
  .demo-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .demo-card {
    height: auto;
  }

  .demo-preview {
    aspect-ratio: 16 / 9;
  }

  .demo-card-copy {
    padding-bottom: 18px;
  }
}


/* Product gallery: tablet */
@media (min-width: 641px) and (max-width: 1000px) {
  .demo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% - 36px);
    gap: 18px;
  }
}

/* Product gallery: mobile */
@media (max-width: 640px) {
  .demo-section {
    padding: 48px 0;
  }

  .demo-section-heading {
    margin-bottom: 22px;
    padding: 0 18px;
  }

  .demo-grid {
    width: calc(100% - 36px);
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .demo-card {
    padding: 7px;
    border-radius: 18px;
  }

  .demo-preview {
    aspect-ratio: 16 / 9;
  }

  .demo-preview-label {
    top: 11px;
    left: 11px;
    font-size: 8px;
  }

  .demo-play {
    width: 48px;
    height: 48px;
  }

  .demo-preview-title {
    left: 12px;
    bottom: 13px;
    font-size: 13px;
  }

  .demo-tag {
    right: 8px;
    bottom: 8px;
    padding: 5px 6px;
    font-size: 8px;
  }

  .demo-card-copy {
    padding: 16px 10px 12px;
  }

  .demo-card-copy h3 {
    font-size: 21px;
  }

  .demo-card-copy p {
    font-size: 14px;
  }

  .demo-link {
    padding-top: 18px;
    min-height: 44px;
  }
}


/* fit inside the new page container */
.demo-section{max-width:none;padding:clamp(40px,5vw,72px) 0 clamp(64px,8vw,110px)}
.demo-section .wrap{display:block;height:auto}