.as{padding:120px 0;font-family:'Kanit',sans-serif;}
   .as *{box-sizing:border-box;}
   .as-in{max-width:1240px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;}
   .as.rev .as-txt{order:2;} .as.rev .as-vid{order:1;}
   .as-tag{font-family:'Inter',sans-serif;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#EF4444;margin-bottom:12px;}
   .as h2{font-family:'Space Grotesk',sans-serif;margin:0 0 22px;color:#333;font-size:clamp(30px,3.2vw,42px);line-height:1.15;font-weight:700;}
   .as-p{font-size:18px;line-height:1.8;color:#5a6678;margin:0 0 40px;max-width:520px;}
   .as-who{margin:0 0 14px;font-size:16px;color:#5a6678;}
   .as h3.rx-keep{font-family:'Space Grotesk',sans-serif;margin:0 0 8px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:#1E3A5F;}
   .as-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 40px;}
   .as-chips span{background:#fff;border:1px solid #d9e0ea;border-radius:30px;padding:7px 14px;font-size:14px;color:#1E3A5F;}
   .as-do{list-style:none;margin:14px 0 44px;padding:0;display:grid;gap:14px;}
   .as-do li{position:relative;padding-left:28px;font-size:16px;color:#2c3a4d;}
   .as-do li:before{content:"";position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:#c4ee18 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.3 4.7-4.9' fill='none' stroke='%231E3A5F' stroke-width='2'/%3E%3C/svg%3E") center/16px no-repeat;}
   .as-cta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;}
   .as-badge{display:inline-flex;align-items:center;gap:12px;background:#000;color:#fff !important;border:1px solid #555;border-radius:12px;padding:10px 22px 10px 16px;text-decoration:none;transition:transform .2s;}
   .as-badge:hover{transform:translateY(-2px);}
   .as-badge span{display:flex;flex-direction:column;line-height:1.1;text-align:left;} .as-badge small{font-size:11px;letter-spacing:.08em;} .as-badge b{font-size:23px;font-weight:600;}
   .as-more{font-weight:700;color:#1E3A5F;text-decoration:none;border-bottom:2px solid #EF4444;padding-bottom:2px;}
   .as-vid{display:flex;justify-content:center;position:relative;}
   .as-vid:before{content:"";position:absolute;inset:6% 8%;border-radius:36px;background:linear-gradient(150deg,#1E3A5F,#2b5185);}
   .as-phone{position:relative;width:260px;height:520px;border-radius:38px;background:#0f1722;padding:11px;box-shadow:0 30px 60px rgba(15,35,66,.35);margin:20px 0;}
   .as-scr{position:relative;width:100%;height:100%;border-radius:28px;overflow:hidden;background:#fff;}
   .as-scr video{width:100%;height:100%;object-fit:cover;display:block;}
   .as-wvid{position:relative;z-index:1;width:100%;max-width:600px;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0a1626;margin:20px 0;box-shadow:0 30px 60px rgba(15,35,66,.4);border:1px solid rgba(255,255,255,.18);}
   .as-wv{display:block;width:100%;height:100%;object-fit:cover;}
   .as-snd{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:30px;padding:8px 15px 8px 12px;background:rgba(10,22,38,.74);color:#fff;font:600 14px 'Kanit',sans-serif;cursor:pointer;transition:background .2s;}
   .as-snd:hover,.as-snd:focus-visible{background:#EF4444;outline:none;}
   .as-snd .as-on{display:none;} .as-snd[aria-pressed="true"] .as-on{display:inline;} .as-snd[aria-pressed="true"] .as-off{display:none;}
   .as-vid:has(.as-wvid):before{inset:2% 3%;}
   /* Video layout: compact text on the left, large video + audience row on the right */
   .as-wide .as-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;}
   .as-wide.rev .as-in{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);}
   .as-wide.rev .as-chip.a{right:auto;left:24px;} .as-wide.rev .as-chip.b{left:auto;right:-18px;}
   .as-wide .as-p{margin-bottom:28px;}
   .as-wide .as-do{margin:10px 0 34px;}
   .as-wide .as-vid{flex-direction:column;align-items:stretch;justify-content:center;gap:22px;}
   .as-wide .as-vid:before{display:none;}
   .as-wide .as-wvid{max-width:none;margin:0;border-radius:24px;box-shadow:0 34px 70px -24px rgba(15,35,66,.5);}
   .as-for{text-align:left;}
   .as-for b{display:block;font-size:15px;font-weight:600;color:#1E3A5F;margin-bottom:12px;}
   .as-for .as-chips{margin:0;}
   .as-wide .as-chip{z-index:2;}
   .as-wwrap{position:relative;width:100%;}
   .as-wide .as-chip.a{top:-16px;left:auto;right:24px;bottom:auto;}
   .as-wide .as-chip.b{top:52%;left:-18px;bottom:auto;right:auto;}
   @media (max-width:991px){.as-wide .as-in,.as-wide.rev .as-in{grid-template-columns:1fr;gap:34px;}}
   /* Fit the whole block (text + video + audience row) in one screen on desktop */
   @media (min-width:992px){
      .as-wide{padding:clamp(14px,2.4vh,44px) 0;min-height:calc(100vh - 90px);display:flex;align-items:center;}
      .as-wide .as-in{width:100%;gap:clamp(32px,4vw,56px);}
      .as-wide .as-tag{margin-bottom:clamp(6px,1.2vh,12px);}
      .as-wide h2{font-size:clamp(25px,min(2.9vw,4.7vh),40px);margin-bottom:clamp(8px,1.6vh,18px);}
      .as-wide .as-p{font-size:clamp(15px,2.3vh,18px);line-height:1.55;margin-bottom:clamp(10px,2.2vh,22px);max-width:560px;}
      .as-wide .as-txt h3.rx-keep{display:none;}
      .as-wide .as-do{gap:clamp(7px,1.5vh,13px);margin:clamp(8px,1.4vh,12px) 0 clamp(14px,3vh,30px);}
      .as-wide .as-do li{font-size:clamp(14.5px,2.2vh,16px);}
      .as-wide .as-vid{gap:clamp(12px,2.2vh,22px);}
      .as-wide .as-wwrap{max-width:calc((100vh - 250px) * 16 / 9);margin:0 auto;}
      .as-wide .as-wvid{max-width:none;width:100%;margin:0;}
      .as-wide .as-for b{margin-bottom:clamp(6px,1.2vh,12px);}
      .as-wide .as-chips span{padding:clamp(4px,.9vh,7px) 13px;font-size:clamp(13px,2vh,14px);}
   }
   .as-s{position:absolute;inset:0;padding:16px 14px;opacity:0;animation:asCycle 9s infinite;}
   .as-s:nth-child(2){animation-delay:3s;} .as-s:nth-child(3){animation-delay:6s;}
   @keyframes asCycle{0%{opacity:0;transform:translateX(16px);}6%,30%{opacity:1;transform:none;}36%,100%{opacity:0;transform:translateX(-16px);}}
   .as-bar{background:#1E3A5F;color:#fff;border-radius:12px;padding:12px 14px;font-weight:600;font-size:15px;margin-bottom:14px;}
   .as-row,.as-item{display:flex;justify-content:space-between;gap:8px;background:#f5f7fb;border-radius:10px;padding:12px;margin-bottom:9px;font-size:13px;color:#5a6678;}
   .as-row b,.as-item b{color:#1E3A5F;font-weight:600;} .as-item span{color:#EF4444;font-weight:600;white-space:nowrap;}
   .as-scan{height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#5a6678;font-size:13px;}
   .as-fr{position:relative;width:170px;height:170px;border:2px dashed #1E3A5F;border-radius:16px;overflow:hidden;background:repeating-linear-gradient(45deg,#f5f7fb 0 8px,#eaeef5 8px 16px);}
   .as-fr i{position:absolute;left:0;right:0;height:3px;background:#EF4444;box-shadow:0 0 12px #EF4444;animation:asScan 2s ease-in-out infinite alternate;}
   @keyframes asScan{from{top:6%}to{top:92%}}
   .as-chip{position:absolute;background:#fff;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;color:#1E3A5F;box-shadow:0 12px 28px rgba(15,35,66,.25);animation:asFloat 4s ease-in-out infinite alternate;}
   .as-chip.a{top:16%;left:4%;} .as-chip.b{bottom:18%;right:4%;animation-delay:1.5s;}
   @keyframes asFloat{from{transform:translateY(0)}to{transform:translateY(-10px)}}
   @media (prefers-reduced-motion:reduce){.as-s,.as-fr i,.as-chip{animation:none;} .as-s:first-child{opacity:1;}}
   @media (max-width:991px){.as{padding:60px 0;}.as-in{grid-template-columns:1fr;gap:40px;}.as.rev .as-txt,.as.rev .as-vid{order:initial;}}
   .as-head{background:#fff;text-align:center;padding:110px 24px 0;font-family:'Kanit',sans-serif;}
   .as-head h2{font-family:'Space Grotesk',sans-serif;margin:0 0 16px;color:#333;font-size:clamp(28px,3vw,46px);line-height:1.1;font-weight:700;}
   .as-head p{max-width:620px;margin:0 auto;font-size:18px;line-height:1.7;color:#5a6678;}
   .as-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1040px;margin:50px auto 0;text-align:left;}
   .as-card{display:block;background:#fff;border:1px solid #e3e9f1;border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 10px 30px rgba(30,58,95,.08);transition:.25s;}
   .as-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(30,58,95,.18);}
   .as-card .im{display:block;aspect-ratio:16/9;background-size:cover;background-position:center;}
   .as-card .bd{display:flex;flex-direction:column;gap:6px;padding:22px 24px 24px;}
   .as-card b{font-family:'Space Grotesk',sans-serif;font-size:22px;color:#1E3A5F;}
   .as-card em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#EF4444;}
   .as-card .bd>span{font-size:16px;line-height:1.6;color:#5a6678;}
   .as-card i{font-style:normal;font-weight:700;color:#1E3A5F;margin-top:6px;}
   .as{scroll-margin-top:90px;}
   @media (max-width:767px){.as-cards{grid-template-columns:1fr;}}
   .as-head + .as{padding-top:70px;}
