:root{--bg:#edf2fb;--ink:#171a25;--muted:#6e7588;--blue:#5667e9;--blue2:#7186f5;--violet:#a879ee;--white:rgba(255,255,255,.64);--line:rgba(255,255,255,.9);--shadow:0 14px 30px rgba(66,77,126,.16),0 4px 10px rgba(66,77,126,.09);--font:'Manrope','Hind Siliguri',sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 0,#fff 0,#f5f7fd 28%,var(--bg) 100%);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.ambient{position:fixed;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.55}.ambient-a{width:420px;height:420px;left:-140px;top:5%;background:#c9dcff}.ambient-b{width:420px;height:420px;right:-120px;top:18%;background:#d9c5ff}.ambient-c{width:300px;height:300px;left:40%;bottom:-150px;background:#bcd7ff}.portal-shell{position:relative;z-index:1;width:min(1260px,calc(100% - 48px));margin:auto;padding:34px 0 24px}.portal-header{height:64px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:44px;height:44px;border-radius:15px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:9px;background:linear-gradient(145deg,#fff,#d9e1ff);border:1px solid rgba(255,255,255,.95);box-shadow:0 12px 28px rgba(77,94,176,.14),inset 0 1px 1px #fff}.brand-mark span{border-radius:5px;background:linear-gradient(145deg,#8798ff,#5365db);box-shadow:inset 0 1px 2px rgba(255,255,255,.7)}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:18px;letter-spacing:-.04em}.brand-copy small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#7a8297;margin-top:4px}.status-pill{display:flex;align-items:center;gap:8px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.48);box-shadow:0 10px 28px rgba(80,94,148,.08),inset 0 1px 1px #fff;color:#667087;font-size:12px}.status-pill i{width:7px;height:7px;border-radius:50%;background:#6fddad;box-shadow:0 0 0 4px rgba(111,221,173,.13)}.intro{text-align:center;max-width:730px;margin:72px auto 48px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.22em;color:#6673d9}.eyebrow:before{content:'';width:24px;height:1px;background:#7888e9}.intro h1{font-size:clamp(42px,6vw,72px);line-height:.98;letter-spacing:-.065em;margin:16px 0 18px;font-weight:800}.intro h1 span{background:linear-gradient(100deg,#4d60df,#a274eb);-webkit-background-clip:text;background-clip:text;color:transparent}.intro p{font-size:15px;line-height:1.75;color:var(--muted);max-width:610px;margin:auto}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.collection-card{position:relative;display:flex;flex-direction:column;min-height:535px;overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(226,233,251,.48));box-shadow:var(--shadow),inset 0 1px 1px #fff;text-decoration:none;color:var(--ink);padding:24px;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.collection-card:hover{transform:translateY(-10px);box-shadow:0 18px 38px rgba(66,77,126,.22),0 6px 14px rgba(66,77,126,.12),inset 0 1px 1px #fff}.card-glow{position:absolute;width:240px;height:240px;right:-90px;top:50px;border-radius:50%;filter:blur(18px);opacity:.65;transition:transform .5s ease}.collection-card:hover .card-glow{transform:scale(1.18)}.machinery .card-glow{background:#b9ccff}.chair .card-glow{background:#c5b3ff}.curtain .card-glow{background:#c4dcff}.card-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.category-number{font:600 11px/1 'Manrope';letter-spacing:.12em;color:#8b92a6}.arrow{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#fff;background:linear-gradient(145deg,#7183f5,#4256d4);box-shadow:0 10px 22px rgba(69,84,204,.23),inset 0 1px 1px rgba(255,255,255,.75);transition:transform .35s ease}.collection-card:hover .arrow{transform:rotate(12deg) scale(1.06)}.visual{position:relative;height:275px;margin:15px -4px 0;display:flex;align-items:center;justify-content:center}.visual:after{display:none!important}.visual-chair .chair-back{position:absolute;width:145px;height:170px;top:33px;border-radius:48px 48px 28px 28px;background:linear-gradient(145deg,#aab5ff,#6978e7);box-shadow:inset 10px 10px 20px rgba(255,255,255,.3),inset -12px -15px 25px rgba(63,75,168,.2),0 25px 35px rgba(76,91,188,.18)}.visual-chair .chair-back:after{content:'';position:absolute;inset:16px;border-radius:36px 36px 20px 20px;border:1px solid rgba(255,255,255,.25)}.visual-chair .chair-seat{position:absolute;width:190px;height:66px;top:177px;border-radius:35px;background:linear-gradient(145deg,#9eabfa,#6474df);box-shadow:inset 10px 8px 18px rgba(255,255,255,.28),inset -12px -10px 18px rgba(63,75,168,.22),0 18px 30px rgba(76,91,188,.18)}.chair-arm{position:absolute;top:169px;width:56px;height:12px;border-radius:10px;background:#7d8beb}.chair-arm:after{content:'';position:absolute;width:10px;height:42px;top:7px;border-radius:10px;background:#7785e5}.chair-arm.left{transform:translateX(-92px)}.chair-arm.left:after{left:4px}.chair-arm.right{transform:translateX(92px)}.chair-arm.right:after{right:4px}.visual-chair .chair-column{position:absolute;top:239px;width:12px;height:30px;border-radius:10px;background:#7b829a}.chair-star{position:absolute;right:48px;top:39px;color:#6b7bf0;font-size:25px;filter:drop-shadow(0 6px 10px rgba(88,105,224,.2));animation:float 3s ease-in-out infinite}.visual-machine .machine-body{position:absolute;width:155px;height:132px;top:65px;border-radius:20px 20px 13px 13px;background:linear-gradient(145deg,#b9c5d7,#77869f);box-shadow:inset 9px 9px 18px rgba(255,255,255,.55),inset -10px -12px 20px rgba(54,67,93,.2),0 22px 35px rgba(63,77,111,.18)}.machine-screen{position:absolute;width:86px;height:48px;left:34px;top:27px;border-radius:8px;background:linear-gradient(145deg,#9eb2e8,#5066ad);border:3px solid rgba(255,255,255,.45);box-shadow:inset 0 0 16px rgba(21,40,96,.3)}.machine-slot{position:absolute;width:90px;height:9px;left:32px;bottom:23px;border-radius:8px;background:#5f6b80}.machine-arm{position:absolute;width:95px;height:15px;top:45px;right:72px;border-radius:10px;background:#8493a9;transform:rotate(-18deg);box-shadow:0 10px 20px rgba(66,80,111,.13)}.machine-arm:after{content:'';position:absolute;width:30px;height:45px;right:-17px;top:7px;border-radius:5px 5px 14px 14px;background:#65738d}.machine-base{position:absolute;width:230px;height:18px;bottom:37px;border-radius:20px;background:linear-gradient(145deg,#aeb9cb,#6f7e96);box-shadow:0 14px 25px rgba(64,77,107,.18)}.visual-curtain .curtain-window{position:absolute;width:178px;height:164px;top:47px;border:10px solid #d9e1ed;border-bottom-width:13px;background:linear-gradient(135deg,#d9ecff,#9ebef0);box-shadow:inset 0 0 0 2px rgba(255,255,255,.65),0 22px 35px rgba(70,92,136,.16)}.curtain-window span{position:absolute;inset:10px;background:linear-gradient(135deg,#e9f6ff,#8fb5e9)}.curtain-rod{position:absolute;z-index:3;top:32px;width:226px;height:8px;border-radius:8px;background:#9ba8bc}.curtain-rod i{position:absolute;width:16px;height:16px;top:-4px;border-radius:50%;background:#7d8ba3}.curtain-rod i:first-child{left:-8px}.curtain-rod i:last-child{right:-8px}.curtain-panel{position:absolute;z-index:2;top:39px;width:65px;height:190px;background:linear-gradient(90deg,#b8c9ef,#8d9fdf,#bdc9ef);filter:drop-shadow(0 15px 18px rgba(71,87,138,.12));clip-path:polygon(0 0,100% 0,87% 100%,13% 100%)}.curtain-panel.left{left:calc(50% - 113px);border-radius:20px 0 0 14px}.curtain-panel.right{right:calc(50% - 113px);border-radius:0 20px 14px 0}.card-copy{position:relative;z-index:2;margin-top:auto}.mini-label{text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:800;color:#78819a}.card-copy h2{font-size:31px;letter-spacing:-.05em;margin:8px 0 5px}.card-copy p{font-size:13px;color:#727a8d}.portal-footer{display:flex;justify-content:space-between;gap:20px;margin-top:26px;padding:0 5px;color:#8b91a3;font-size:11px}.construction-shell{position:relative;z-index:1;width:min(980px,calc(100% - 48px));min-height:100vh;margin:auto;padding:34px 0 24px;display:flex;flex-direction:column}.construction-card{width:min(720px,100%);margin:auto;text-align:center;padding:68px 48px;border-radius:42px;border:1px solid rgba(255,255,255,.92);background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(225,232,250,.55));box-shadow:var(--shadow),inset 0 1px 1px #fff}.construction-icon{width:72px;height:72px;margin:0 auto 25px;display:grid;place-items:center;border-radius:25px;font-size:32px;color:#5a6be3;background:linear-gradient(145deg,#fff,#dce3ff);box-shadow:0 15px 35px rgba(76,91,188,.14),inset 0 1px 1px #fff}.construction-card h1{font-size:clamp(38px,6vw,60px);letter-spacing:-.06em;line-height:1;margin:16px 0}.construction-card h1 span{display:block;background:linear-gradient(100deg,#5366df,#a476e9);-webkit-background-clip:text;background-clip:text;color:transparent}.construction-card p{max-width:530px;margin:0 auto 30px;color:var(--muted);line-height:1.8;font-size:14px}.back-button{display:inline-flex;padding:13px 19px;border-radius:999px;text-decoration:none;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(145deg,#7283f5,#4558d5);box-shadow:0 12px 24px rgba(69,84,204,.2),inset 0 1px 1px rgba(255,255,255,.65);transition:transform .25s ease}.back-button:hover{transform:translateY(-2px)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:900px){.collection-grid{grid-template-columns:1fr}.collection-card{min-height:470px}.visual{height:225px}.portal-shell{width:min(640px,calc(100% - 32px));padding-top:22px}.intro{margin:55px auto 35px}.portal-footer{flex-direction:column;text-align:center;gap:5px}.status-pill{display:none}}@media(max-width:560px){.collection-card{border-radius:30px;padding:20px;min-height:445px}.intro h1{font-size:43px}.intro p{font-size:13px}.visual{height:215px}.construction-card{padding:50px 24px;border-radius:32px}.construction-card h1{font-size:38px}.brand-copy strong{font-size:16px}}


/* Compact first-page layout: everything stays inside one viewport */
html, body { height:100%; overflow:hidden; }
.portal-shell{
  height:100vh;
  min-height:0;
  padding:18px 0 12px;
  display:flex;
  flex-direction:column;
}
.portal-header{height:52px;flex:0 0 52px}
.intro{margin:24px auto 20px}
.intro h1{font-size:clamp(34px,4.4vw,56px);margin:10px 0 10px}
.intro p{font-size:13px;line-height:1.45}
.collection-grid{flex:1;min-height:0;align-items:stretch;gap:16px}
.collection-card{
  min-height:0;
  height:100%;
  max-height:355px;
  border-radius:30px;
  padding:18px;
}
.visual{height:190px;margin:8px -4px 0;transform:scale(.72);transform-origin:center center}
.card-copy h2{font-size:25px;margin:5px 0 3px}
.card-copy p{font-size:11px}
.arrow{width:36px;height:36px;font-size:17px}
.portal-footer{margin-top:14px;flex:0 0 20px}

/* Animated Home Curtain artwork */
.visual-curtain .curtain-panel{
  animation:curtainFloat 3.2s ease-in-out infinite;
  transform-origin:top center;
}
.visual-curtain .curtain-panel.right{animation-delay:-1.2s}
.visual-curtain .curtain-window{
  animation:windowPulse 3.8s ease-in-out infinite;
}
.visual-curtain .curtain-rod{
  animation:rodFloat 3.8s ease-in-out infinite;
}
.visual-curtain .curtain-rod i{animation:dotPulse 1.8s ease-in-out infinite}
@keyframes curtainFloat{0%,100%{transform:translateY(0) scaleX(1)}50%{transform:translateY(-5px) scaleX(.96)}}
@keyframes windowPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.025);filter:brightness(1.04)}}
@keyframes rodFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes dotPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}

/* Mobile: three compact cards, no page scrolling */
@media(max-width:900px){
  .portal-shell{width:min(720px,calc(100% - 24px));padding:12px 0 8px}
  .portal-header{height:44px;flex-basis:44px}
  .brand-mark{width:36px;height:36px;border-radius:12px;padding:7px}
  .brand-copy strong{font-size:15px}
  .brand-copy small{font-size:7px}
  .intro{margin:16px auto 12px}
  .intro h1{font-size:34px;margin:7px 0 7px}
  .intro p{font-size:11px;line-height:1.35;max-width:470px}
  .collection-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    flex:1;
    min-height:0;
  }
  .collection-card{
    height:100%;
    max-height:none;
    min-height:0;
    padding:10px;
    border-radius:18px;
  }
  .card-top{min-height:25px}
  .category-number{font-size:8px}
  .arrow{width:25px;height:25px;font-size:13px}
  .visual{
    height:64px;
    margin:1px -8px 0;
    transform:scale(.34);
  }
  .card-copy{margin-top:auto}
  .mini-label{font-size:6px;letter-spacing:.12em}
  .card-copy h2{font-size:15px;margin:3px 0 2px;letter-spacing:-.04em}
  .card-copy p{font-size:8px;line-height:1.25}
  .portal-footer{
    margin-top:8px;
    flex:0 0 14px;
    font-size:7px;
    flex-direction:row;
    justify-content:space-between;
    gap:8px;
  }
  .status-pill{display:none}
}

@media(min-width:901px){
  .mobile-popup{display:none!important}
}

/* Mobile: compact 2 + 1 stylish card layout — no swipe deck, no page scroll */
@media (max-width:900px){
  html,body{height:100%;overflow:hidden;overscroll-behavior:none;touch-action:pan-y}
  .portal-shell{height:100svh;min-height:100svh;overflow:hidden}
  .collection-grid{
    position:relative;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:10px;
    height:250px;
    min-height:0;
    margin:0;
    overflow:hidden;
    touch-action:pan-y;
  }
  .collection-card{
    position:relative;
    inset:auto;
    width:auto;
    height:auto;
    min-height:0;
    max-height:none;
    padding:12px;
    border-radius:26px 38px 24px 34px;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    transition:box-shadow .28s ease;
    box-shadow:0 16px 38px rgba(66,77,126,.14),inset 0 1px 1px #fff;
    overflow:hidden;
  }
  .collection-card:nth-child(2){border-radius:38px 25px 34px 24px}
  .collection-card:nth-child(3){
    grid-column:1 / 3;
    width:calc(50% - 5px);
    justify-self:center;
    border-radius:32px 24px 38px 26px;
  }
  .collection-card::before{
    content:'';
    position:absolute;
    width:120px;height:120px;
    left:-35px;bottom:-52px;
    border-radius:50%;
    background:rgba(255,255,255,.32);
    filter:blur(3px);
    pointer-events:none;
  }
  .collection-card::after{
    content:'';
    position:absolute;
    inset:7px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:inherit;
    pointer-events:none;
  }
  .collection-card:active{transform:scale(.975) !important;box-shadow:0 10px 24px rgba(66,77,126,.18),inset 0 1px 1px #fff}
  .card-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;min-height:25px}
  .category-number{font-size:8px}
  .arrow{width:29px;height:29px;font-size:13px}
  .visual{
    position:relative;
    z-index:2;
    height:78px;
    width:100%;
    margin:2px 0 0;
    transform:scale(.43);
    transform-origin:center center;
    flex:0 0 78px;
  }
  .visual:after{bottom:9px;left:8%;right:8%;height:16px}
  .card-copy{position:relative;z-index:3;margin-top:auto;padding:0 2px 2px}
  .mini-label{font-size:6px;letter-spacing:.14em}
  .card-copy h2{font-size:18px;line-height:1.05;margin:3px 0 3px;white-space:nowrap;letter-spacing:-.045em}
  .card-copy p{font-size:7.5px;line-height:1.25;max-width:180px}
  .portal-footer{margin-top:8px;flex:0 0 14px;font-size:7px}
  .intro{margin:12px auto 12px}
  .intro h1{font-size:32px}
  .intro p{font-size:10px;line-height:1.3}

  /* Smooth, subtle movement for the three category visuals */
  .visual-machine .machine-arm{animation:machineArmFloat 2.8s ease-in-out infinite}
  .visual-machine .machine-screen{animation:screenGlow 2.4s ease-in-out infinite}
  .visual-machine .machine-body{animation:machineBodyFloat 3.4s ease-in-out infinite}
  .visual-chair .chair-back{animation:chairFloat 3.2s ease-in-out infinite}
  .visual-chair .chair-seat{animation:chairSeatFloat 3.2s ease-in-out infinite .12s}
  .visual-chair .chair-star{animation:starFloat 2.2s ease-in-out infinite}
  .visual-curtain .curtain-panel{animation:curtainFloat 3.1s ease-in-out infinite}
  .visual-curtain .curtain-panel.right{animation-delay:-1.1s}
  .visual-curtain .curtain-window{animation:windowPulse 3.8s ease-in-out infinite}
  .visual-curtain .curtain-rod{animation:rodFloat 3.8s ease-in-out infinite}
  @keyframes machineArmFloat{0%,100%{transform:rotate(-18deg) translateY(0)}50%{transform:rotate(-14deg) translateY(-4px)}}
  @keyframes machineBodyFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  @keyframes screenGlow{0%,100%{filter:brightness(1)}50%{filter:brightness(1.15)}}
  @keyframes chairFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
  @keyframes chairSeatFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  @keyframes starFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-6px) rotate(10deg)}}
}
@media (max-width:560px){
  .portal-shell{width:calc(100% - 20px);padding:9px 0 6px}
  .portal-header{height:40px;flex-basis:40px}
  .brand-mark{width:34px;height:34px;border-radius:11px;padding:6px}
  .brand-copy strong{font-size:14px}
  .brand-copy small{font-size:6px}
  .intro{margin:9px auto 10px}
  .intro h1{font-size:29px;margin:5px 0}
  .intro p{font-size:9px;max-width:330px}
  .collection-grid{height:240px;min-height:0;gap:9px}
  .collection-card{padding:10px;border-radius:23px 32px 21px 29px}
  .collection-card:nth-child(2){border-radius:32px 22px 29px 21px}
  .collection-card:nth-child(3){border-radius:27px 21px 32px 23px}
  .visual{height:70px;flex-basis:70px;transform:scale(.38)}
  .card-copy h2{font-size:17px}
  .card-copy p{font-size:7px}
  .arrow{width:27px;height:27px;font-size:12px}
  .category-number{font-size:7px}
}
@media(max-width:900px){
  .collection-card.card-press{transform:scale(.975) !important;}
}

/* ===== Premium light portal refresh ===== */
body.modal-open{overflow:hidden}
.arrow{width:40px;height:40px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.48);color:#5264e2;box-shadow:0 10px 25px rgba(73,88,190,.15),inset 0 1px 1px #fff;backdrop-filter:blur(10px)}
.arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s ease}
.collection-card:hover .arrow svg{transform:translate(2px,-2px)}
.collection-card::after{display:none !important}
.category-number{display:none !important}

/* Replace the old machine drawing with a cleaner premium industrial icon */
.machine-icon{width:245px;height:190px;overflow:visible;filter:drop-shadow(0 18px 22px rgba(75,91,194,.16))}
.machine-halo{position:absolute;width:185px;height:62px;border-radius:50%;background:rgba(124,143,245,.16);filter:blur(16px);bottom:28px;animation:haloBreath 2.4s ease-in-out infinite}
.machine-shadow{fill:rgba(67,80,150,.13);filter:blur(4px)}
.machine-frame{transform-origin:center;animation:machineFloat 2.2s ease-in-out infinite}
.machine-window{animation:machineScreen 1.7s ease-in-out infinite}
.machine-head{transform-origin:141px 108px;animation:machineHead 1.8s ease-in-out infinite}
.machine-bit{transform-origin:141px 145px;animation:machineBit 1.1s ease-in-out infinite}
.machine-gear{transform-origin:201px 88px;animation:gearSpin 4s linear infinite}
.machine-gear-line{transform-origin:201px 88px;animation:gearSpin 4s linear infinite reverse}
.machine-spark{position:absolute;color:#8c9cff;font-size:22px;text-shadow:0 0 14px rgba(103,119,235,.55);animation:sparkDrift 1.5s ease-in-out infinite}
.spark-a{top:35px;right:35px}.spark-b{bottom:52px;left:38px;animation-delay:-.7s}
@keyframes machineFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px) rotate(-.7deg)}}
@keyframes machineScreen{0%,100%{filter:brightness(1)}50%{filter:brightness(1.3)}}
@keyframes machineHead{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}
@keyframes machineBit{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
@keyframes gearSpin{to{transform:rotate(360deg)}}
@keyframes haloBreath{0%,100%{transform:scale(.9);opacity:.45}50%{transform:scale(1.12);opacity:.8}}
@keyframes sparkDrift{0%,100%{transform:translate(0,0) scale(.75);opacity:.25}50%{transform:translate(7px,-10px) scale(1.25);opacity:1}}

/* Always-on, more visible motion for chair and curtain */
.visual-chair .chair-back{animation:chairFloatStrong 2.3s ease-in-out infinite}
.visual-chair .chair-seat{animation:chairSeatStrong 2.1s ease-in-out infinite -.2s}
.visual-chair .chair-arm.left{animation:chairArmL 2.4s ease-in-out infinite}
.visual-chair .chair-arm.right{animation:chairArmR 2.4s ease-in-out infinite -.5s}
.visual-chair .chair-star{animation:starFloatStrong 1.7s ease-in-out infinite}
.visual-curtain .curtain-panel{animation:curtainWaveStrong 2.1s ease-in-out infinite;transform-origin:top center}
.visual-curtain .curtain-panel.right{animation-delay:-1s}
.visual-curtain .curtain-window{animation:windowPulseStrong 2.3s ease-in-out infinite}
.visual-curtain .curtain-rod{animation:rodFloatStrong 2s ease-in-out infinite}
@keyframes chairFloatStrong{0%,100%{transform:translateY(2px) rotate(0)}50%{transform:translateY(-11px) rotate(-1.3deg)}}
@keyframes chairSeatStrong{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.7deg)}}
@keyframes chairArmL{0%,100%{transform:translateX(-92px) rotate(0)}50%{transform:translateX(-92px) rotate(-3deg)}}
@keyframes chairArmR{0%,100%{transform:translateX(92px) rotate(0)}50%{transform:translateX(92px) rotate(3deg)}}
@keyframes starFloatStrong{0%,100%{transform:translateY(2px) rotate(0) scale(.8);opacity:.5}50%{transform:translateY(-13px) rotate(18deg) scale(1.25);opacity:1}}
@keyframes curtainWaveStrong{0%,100%{transform:translateY(2px) skewX(0) scaleX(1)}25%{transform:translateY(-5px) skewX(-2deg) scaleX(.94)}50%{transform:translateY(-10px) skewX(2deg) scaleX(1.04)}75%{transform:translateY(-4px) skewX(-1deg) scaleX(.96)}}
@keyframes windowPulseStrong{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.035);filter:brightness(1.13)}}
@keyframes rodFloatStrong{0%,100%{transform:translateY(1px)}50%{transform:translateY(-8px)}}

/* Animated modal: same light glass language as the supplied reference */
.collection-modal{position:fixed;inset:0;z-index:999;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .28s ease,visibility .28s ease}
.collection-modal.is-open{visibility:visible;opacity:1}
.modal-backdrop{position:absolute;inset:0;background:rgba(237,242,251,.62);backdrop-filter:blur(14px)}
.modal-card{position:relative;z-index:2;width:min(390px,calc(100% - 34px));padding:30px 26px 26px;border:1px solid rgba(255,255,255,.95);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(225,232,255,.72));box-shadow:0 35px 100px rgba(63,77,151,.25),inset 0 1px 1px #fff;transform:translateY(24px) scale(.92);transition:transform .42s cubic-bezier(.2,.85,.2,1)}
.collection-modal.is-open .modal-card{transform:translateY(0) scale(1)}
.modal-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border-radius:50%;font-size:23px;color:#65708b;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.95);cursor:pointer}
.modal-orb{position:absolute;width:120px;height:120px;right:-40px;top:-35px;border-radius:50%;background:#cfc5ff;filter:blur(22px);opacity:.65;animation:modalOrb 2.8s ease-in-out infinite}
.modal-visual{position:relative;margin:8px auto 16px;width:110px;height:110px;border-radius:32px;display:grid;place-items:center;font-size:58px;color:#6577e7;background:linear-gradient(145deg,#fff,#dce4ff);box-shadow:0 18px 38px rgba(73,88,190,.15),inset 0 1px 1px #fff;animation:modalVisual 2s ease-in-out infinite}
.modal-visual.machine{color:#5e72df}.modal-visual.chair{color:#9275e9}.modal-visual.curtain{color:#6585e9}
.modal-kicker{position:relative;z-index:2;display:block;text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:9px;font-weight:800;color:#7580d6}
.modal-card h2{position:relative;z-index:2;text-align:center;font-size:32px;letter-spacing:-.05em;margin:8px 0 6px}
.modal-card p{position:relative;z-index:2;text-align:center;color:#70788d;font-size:13px;line-height:1.55;margin-bottom:20px}
.modal-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#7182f5,#5264df);box-shadow:0 14px 28px rgba(75,91,210,.22);font-size:13px;font-weight:800}
.modal-link span{font-size:18px;transition:transform .3s ease}.modal-link:hover span{transform:translate(3px,-3px)}
@keyframes modalOrb{0%,100%{transform:scale(.9)}50%{transform:scale(1.12)}}
@keyframes modalVisual{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}

@media(max-width:900px){
  .collection-grid{gap:8px;height:215px}
  .collection-card{padding:8px;border-radius:20px 28px 18px 25px}
  .collection-card:nth-child(2){border-radius:28px 19px 25px 18px}
  .collection-card:nth-child(3){border-radius:24px 18px 28px 20px}
  .arrow{width:25px;height:25px}.arrow svg{width:13px;height:13px}
  .visual{height:66px;flex-basis:66px;transform:scale(.36)}
  .card-copy h2{font-size:16px}.card-copy p{font-size:6.8px}
  .machine-icon{width:245px;height:190px}
  .modal-card{border-radius:30px;padding:26px 22px 22px}
}
@media(max-width:560px){
  .collection-grid{height:205px;gap:8px}
  .collection-card{padding:8px}
  .visual{height:60px;flex-basis:60px;transform:scale(.33)}
  .card-copy h2{font-size:15px}.card-copy p{font-size:6.4px}
  .arrow{width:23px;height:23px}
}

/* ===== Reference light mobile composition ===== */
.portal-header-hidden,.portal-footer-hidden{display:none!important}
@media (max-width:900px){
  html,body{width:100%;height:100%;overflow:hidden}
  body{background:
    radial-gradient(ellipse at 78% 28%,rgba(170,183,255,.30) 0 10%,transparent 32%),
    radial-gradient(ellipse at 30% 84%,rgba(190,176,255,.25) 0 14%,transparent 38%),
    linear-gradient(145deg,#ffffff 0%,#f4f7fd 44%,#e6f0ff 100%)}
  .ambient{opacity:.28;filter:blur(90px)}
  .ambient-a{width:280px;height:280px;left:-100px;top:6%;background:#dbe6ff}
  .ambient-b{width:300px;height:300px;right:-120px;top:22%;background:#d9d0ff}
  .ambient-c{width:240px;height:240px;left:34%;bottom:-120px;background:#c7dfff}
  .portal-shell{width:100%;height:100dvh;min-height:0;padding:34px 0 18px;display:flex;flex-direction:column;justify-content:flex-start}
  .intro{position:relative;text-align:left;max-width:none;margin:0 14% 30px 12%;z-index:2}
  .eyebrow{display:none}
  .intro h1{font-size:clamp(40px,8vw,68px);line-height:.98;letter-spacing:-.065em;margin:0 0 20px;font-weight:800;max-width:430px}
  .intro h1 span{background:linear-gradient(100deg,#5064e6,#956de8);-webkit-background-clip:text;background-clip:text;color:transparent}
  .intro p{font-size:14px;line-height:1.6;color:#737c91;max-width:370px;margin:0}
  .collection-grid{position:relative;z-index:3;width:min(84%,560px);margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;gap:14px 16px;height:auto;min-height:0;flex:0 0 auto}
  .collection-card{min-height:0;height:185px;padding:13px 14px 14px;border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(236,241,253,.56));border:1.5px solid rgba(255,255,255,.95);box-shadow:0 20px 48px rgba(83,101,169,.12),inset 0 1px 1px #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
  .collection-card:nth-child(1){grid-column:1;grid-row:1;border-radius:32px 42px 30px 38px}
  .collection-card:nth-child(2){grid-column:2;grid-row:1;border-radius:42px 31px 38px 30px}
  .collection-card:nth-child(3){grid-column:1 / span 2;grid-row:2;width:52%;justify-self:center;height:185px;border-radius:35px 29px 43px 31px}
  .collection-card:hover{transform:none;box-shadow:0 20px 48px rgba(83,101,169,.12),inset 0 1px 1px #fff}
  .card-glow{width:160px;height:160px;right:-65px;top:0;filter:blur(30px);opacity:.52}
  .card-top{height:28px}
  .arrow{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.98);background:rgba(255,255,255,.55);color:#5868e8;box-shadow:0 8px 18px rgba(83,99,194,.12),inset 0 1px 1px #fff;backdrop-filter:blur(10px)}
  .arrow svg{width:17px;height:17px;stroke-width:2.1}
  .collection-card:hover .arrow svg{transform:translateX(2px)}
  .visual{height:104px;flex-basis:104px;margin:0;transform:none!important}
  .visual:after{left:16%;right:16%;bottom:10px;height:17px;background:rgba(99,112,193,.11);filter:blur(10px)}
  .machine-icon{width:185px;height:138px;filter:drop-shadow(0 12px 18px rgba(75,91,194,.13))}
  .machine-halo{width:135px;height:42px;bottom:10px}
  .machine-spark{font-size:16px}.spark-a{top:18px;right:20px}.spark-b{bottom:20px;left:18px}
  .visual-chair .chair-back{width:90px;height:102px;top:14px;border-radius:34px 34px 20px 20px}
  .visual-chair .chair-back:after{inset:10px;border-radius:26px 26px 15px 15px}
  .visual-chair .chair-seat{width:122px;height:42px;top:88px;border-radius:23px}
  .chair-arm{top:83px;width:36px;height:8px}.chair-arm:after{width:7px;height:27px;top:5px}
  .chair-arm.left{transform:translateX(-59px)}.chair-arm.right{transform:translateX(59px)}
  .chair-arm.left:after{left:2px}.chair-arm.right:after{right:2px}
  .visual-chair .chair-column{top:125px;width:8px;height:18px}
  .chair-star{right:16px;top:17px;font-size:17px}
  .visual-curtain .curtain-window{width:116px;height:102px;top:20px;border-width:7px 7px 9px}
  .curtain-window span{inset:7px}
  .curtain-rod{top:13px;width:148px;height:5px}.curtain-rod i{width:10px;height:10px;top:-2.5px}
  .curtain-rod i:first-child{left:-5px}.curtain-rod i:last-child{right:-5px}
  .curtain-panel{top:19px;width:43px;height:119px}.curtain-panel.left{left:calc(50% - 74px)}.curtain-panel.right{right:calc(50% - 74px)}
  .card-copy{margin-top:0;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .mini-label,.card-copy p{display:none}
  .card-copy h2{font-size:18px;letter-spacing:-.045em;margin:0;line-height:1.05}
  .collection-card:nth-child(3) .card-copy h2{font-size:19px}
  .collection-modal{z-index:1000}
  .modal-card{width:min(370px,calc(100% - 34px));border-radius:34px;padding:28px 22px 22px}
}
@media(max-width:560px){
  .portal-shell{padding:28px 0 14px}
  .intro{margin:0 10% 22px 10%}
  .intro h1{font-size:clamp(34px,9.2vw,48px);max-width:330px;margin-bottom:14px}
  .intro p{font-size:11px;max-width:290px;line-height:1.55}
  .collection-grid{width:84%;gap:10px 10px}
  .collection-card{height:137px;padding:9px 10px 10px;border-radius:25px 32px 24px 30px}
  .collection-card:nth-child(1){border-radius:25px 34px 24px 30px}
  .collection-card:nth-child(2){border-radius:34px 24px 30px 23px}
  .collection-card:nth-child(3){height:137px;width:52%;border-radius:29px 23px 35px 25px}
  .card-top{height:22px}
  .arrow{width:29px;height:29px}.arrow svg{width:14px;height:14px}
  .visual{height:74px;flex-basis:74px}
  .machine-icon{width:140px;height:105px}.machine-halo{width:105px;height:32px}
  .visual-chair .chair-back{width:67px;height:76px;top:8px}.visual-chair .chair-back:after{inset:7px}
  .visual-chair .chair-seat{width:91px;height:31px;top:66px}
  .chair-arm{top:62px;width:27px;height:6px}.chair-arm:after{width:5px;height:20px;top:4px}
  .chair-arm.left{transform:translateX(-44px)}.chair-arm.right{transform:translateX(44px)}
  .visual-chair .chair-column{top:92px;width:6px;height:13px}.chair-star{right:9px;top:9px;font-size:13px}
  .visual-curtain .curtain-window{width:88px;height:76px;top:15px;border-width:5px 5px 7px}.curtain-window span{inset:5px}
  .curtain-rod{top:10px;width:112px;height:4px}.curtain-rod i{width:8px;height:8px;top:-2px}
  .curtain-rod i:first-child{left:-4px}.curtain-rod i:last-child{right:-4px}
  .curtain-panel{top:14px;width:32px;height:88px}.curtain-panel.left{left:calc(50% - 56px)}.curtain-panel.right{right:calc(50% - 56px)}
  .card-copy h2{font-size:14px}.collection-card:nth-child(3) .card-copy h2{font-size:15px}
}
@media(max-height:700px) and (max-width:900px){
  .portal-shell{padding-top:20px}
  .intro{margin-bottom:16px}
  .intro h1{font-size:clamp(32px,7vw,52px);margin-bottom:10px}
  .intro p{font-size:10px}
  .collection-card{height:125px}.collection-card:nth-child(3){height:125px}.visual{height:66px;flex-basis:66px}
}

/* ===== Exact light reference composition: final refinement ===== */
.eyebrow{display:none!important}
.collection-modal{display:none!important}
.collection-grid:before,.collection-grid:after{display:none!important;content:none!important}

@media (max-width:900px){
  html,body{overflow:hidden!important;overscroll-behavior:none!important}
  body{
    background:
      radial-gradient(circle at 83% 25%,rgba(155,167,255,.34),transparent 24%),
      radial-gradient(circle at 30% 78%,rgba(190,177,255,.28),transparent 34%),
      linear-gradient(145deg,#ffffff 0%,#f7f9fd 45%,#e8f2ff 100%);
  }
  .portal-shell{width:100%;height:100dvh;min-height:0;padding:38px 0 16px;overflow:hidden;display:flex;flex-direction:column}
  .intro{
    position:relative;z-index:2;text-align:left;max-width:none;
    width:80%;margin:0 auto 24px;
  }
  .intro:before{
    content:"";position:absolute;z-index:-1;pointer-events:none;
    width:135%;height:260px;left:25%;top:18px;
    border:2px solid rgba(255,255,255,.72);
    border-radius:58px 58px 32px 32px;
    background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(205,215,255,.28));
    transform:rotate(7deg);filter:blur(.1px);opacity:.8;
    box-shadow:inset 0 1px 2px rgba(255,255,255,.8);
  }
  .intro:after{
    content:"";position:absolute;z-index:-2;pointer-events:none;
    width:110px;height:110px;right:-12%;top:150px;border-radius:50%;
    background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.95),rgba(159,142,255,.52) 38%,rgba(159,142,255,0) 72%);
    filter:blur(8px);animation:refOrbFloat 4s ease-in-out infinite;
  }
  .intro h1{
    font-family:'Manrope','Hind Siliguri',sans-serif!important;
    color:#101b45!important;-webkit-text-fill-color:#101b45!important;
    background:none!important;font-size:clamp(38px,9.7vw,55px)!important;
    line-height:.98!important;letter-spacing:-.065em!important;font-weight:800!important;
    margin:0 0 17px!important;max-width:330px;
    animation:none!important;
  }
  .intro h1 span{
    display:block;background:linear-gradient(100deg,#5169e9 0%,#8f5fe9 100%)!important;
    -webkit-background-clip:text!important;background-clip:text!important;
    -webkit-text-fill-color:transparent!important;color:transparent!important;
  }
  .intro p{font-size:13px!important;line-height:1.55!important;color:#737d93!important;max-width:310px!important;margin:0!important}

  .collection-grid{
    position:relative;z-index:3;width:84%;margin:0 auto;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;gap:13px 14px!important;
    height:auto!important;flex:0 0 auto!important;min-height:0!important;
  }
  .collection-card{
    min-height:0!important;height:180px!important;padding:12px 13px 12px!important;
    border:1.5px solid rgba(255,255,255,.95)!important;
    background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(235,241,253,.56))!important;
    border-radius:30px 43px 29px 38px!important;
    box-shadow:0 16px 38px rgba(80,96,170,.10),inset 0 1px 1px #fff!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  .collection-card:nth-child(2){border-radius:43px 30px 38px 29px!important}
  .collection-card:nth-child(3){
    grid-column:1 / 3!important;grid-row:2!important;width:52%!important;
    justify-self:center!important;height:180px!important;border-radius:35px 29px 43px 31px!important;
  }
  .collection-card::after{display:none!important}
  .collection-card::before{display:none!important}
  .card-glow{width:145px;height:145px;right:-55px;top:-15px;filter:blur(28px);opacity:.42}
  .card-top{height:30px;min-height:30px!important}
  .arrow{
    width:36px!important;height:36px!important;border-radius:50%!important;
    border:1px solid rgba(255,255,255,.98)!important;
    background:rgba(255,255,255,.58)!important;color:#5366eb!important;
    box-shadow:0 8px 20px rgba(78,93,196,.13),inset 0 1px 1px #fff!important;
    backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  }
  .arrow svg{width:18px!important;height:18px!important;stroke-width:2.2!important}
  .visual{height:105px!important;flex:0 0 105px!important;margin:0!important;transform:none!important}
  .visual:after{display:none!important}
  .machine-icon{width:185px!important;height:138px!important;filter:drop-shadow(0 12px 18px rgba(75,91,194,.14))}
  .machine-halo{width:135px!important;height:42px!important;bottom:8px!important}
  .visual-chair .chair-back{width:92px;height:105px;top:12px}
  .visual-chair .chair-seat{width:124px;height:43px;top:87px}
  .chair-arm{top:82px}.chair-arm.left{transform:translateX(-60px)}.chair-arm.right{transform:translateX(60px)}
  .visual-chair .chair-column{top:124px}.chair-star{right:16px;top:12px}
  .visual-curtain .curtain-window{width:120px;height:105px;top:18px}
  .curtain-rod{top:11px;width:152px}.curtain-panel{top:17px;height:121px;width:44px}
  .curtain-panel.left{left:calc(50% - 76px)}.curtain-panel.right{right:calc(50% - 76px)}
  .card-copy{margin-top:auto!important;padding:0 2px 2px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .mini-label,.card-copy p{display:none!important}
  .card-copy h2{font-size:20px!important;line-height:1.05!important;letter-spacing:-.05em!important;margin:0!important;color:#111c48!important;-webkit-text-fill-color:#111c48!important;background:none!important;animation:none!important;white-space:nowrap}
  .collection-card:nth-child(3) .card-copy h2{font-size:21px!important}
  .collection-card:active,.collection-card.card-press{transform:scale(.975)!important}
  .portal-footer{display:none!important}
}

@media(max-width:560px){
  .portal-shell{padding:34px 0 12px}
  .intro{width:80%;margin-bottom:18px}
  .intro:before{height:225px;top:22px;left:22%;width:138%}
  .intro:after{width:88px;height:88px;top:128px;right:-8%}
  .intro h1{font-size:clamp(35px,10vw,47px)!important;max-width:300px!important;margin-bottom:14px!important}
  .intro p{font-size:11px!important;max-width:275px!important}
  .collection-grid{width:84%;gap:10px!important}
  .collection-card{height:155px!important;padding:10px 11px 10px!important;border-radius:26px 38px 25px 34px!important}
  .collection-card:nth-child(2){border-radius:38px 26px 34px 25px!important}
  .collection-card:nth-child(3){height:155px!important;width:52%!important;border-radius:30px 24px 37px 26px!important}
  .card-top{height:27px;min-height:27px!important}
  .arrow{width:31px!important;height:31px!important}.arrow svg{width:16px!important;height:16px!important}
  .visual{height:88px!important;flex-basis:88px!important}
  .machine-icon{width:150px!important;height:112px!important}
  .machine-halo{width:110px!important;height:34px!important}
  .visual-chair .chair-back{width:74px;height:84px;top:8px}.visual-chair .chair-seat{width:100px;height:34px;top:70px}
  .chair-arm{top:66px;width:29px}.chair-arm.left{transform:translateX(-48px)}.chair-arm.right{transform:translateX(48px)}
  .visual-chair .chair-column{top:98px}.chair-star{font-size:14px;right:10px;top:8px}
  .visual-curtain .curtain-window{width:96px;height:83px;top:14px}.curtain-rod{top:8px;width:120px}.curtain-panel{top:12px;width:34px;height:96px}
  .curtain-panel.left{left:calc(50% - 60px)}.curtain-panel.right{right:calc(50% - 60px)}
  .card-copy h2{font-size:16px!important}.collection-card:nth-child(3) .card-copy h2{font-size:17px!important}
}
@keyframes refOrbFloat{0%,100%{transform:translateY(0) scale(.95);opacity:.72}50%{transform:translateY(-12px) scale(1.06);opacity:1}}

/* Click hint label near each card's arrow — animated Bangla "ক্লিক করুন" */
.card-top{position:relative}
.click-hint{font-family:'Hind Siliguri',sans-serif;font-size:17px;font-weight:800;letter-spacing:.01em;animation:clickHintGlow 2s ease-in-out infinite}
/* Fully opaque at all times — no transparency/opacity flicker. Motion + a soft glow carry the animation instead. */
@keyframes clickHintGlow{
  0%,100%{transform:translateX(0) scale(1);text-shadow:0 0 0 rgba(44,58,153,0)}
  50%{transform:translateX(4px) scale(1.06);text-shadow:0 3px 10px rgba(44,58,153,.45)}
}
.machinery .click-hint{color:#2c3a99}
.chair .click-hint{color:#4b3aa8}
.curtain .click-hint{color:#1c5aa8}
@media(max-width:560px){.click-hint{font-size:13px}}

/* ===== Fixes added per request ===== */

/* 1) Mobile "boxy" shadow glitch behind the 3 category cards:
   the blurred .card-glow circle was ignoring each card's rounded
   corners (a known Chromium/WebKit bug where overflow:hidden +
   border-radius fails to clip a blurred child), showing a hard
   rectangular sliver at the corners. Forcing a mask-based composite
   layer makes the rounded clipping apply correctly everywhere. */
.collection-card{
  -webkit-mask-image:-webkit-radial-gradient(white,black);
  mask-image:radial-gradient(white,black);
}

/* 2) Tap/click animation on the 3 category cards (see collection-card
   click handler in index.html, which toggles this class). */
@keyframes collectionCardTap{
  0%{transform:scale(1)}
  25%{transform:scale(1.09)}
  50%{transform:scale(.93)}
  72%{transform:scale(1.035)}
  88%{transform:scale(.985)}
  100%{transform:scale(1)}
}
.collection-card.card-tap{animation:collectionCardTap .6s cubic-bezier(.34,1.56,.64,1)}

/* Deepen the colors of the 3 animated icons (machine / chair / curtain) */
.visual-machine .machine-icon{filter:saturate(1.6) brightness(.86) contrast(1.05)}
.visual-chair .chair-back,.visual-chair .chair-seat,.visual-chair .chair-arm,.visual-chair .chair-column{filter:saturate(1.5) brightness(.85) contrast(1.05)}
.visual-curtain .curtain-window,.visual-curtain .curtain-panel,.visual-curtain .curtain-rod{filter:saturate(1.5) brightness(.85) contrast(1.05)}

/* ===== Bengali first-page hero + service strip ===== */
.intro{text-align:left;max-width:980px;margin:72px auto 38px;padding:0 18px}
.intro h1{display:flex;flex-direction:column;align-items:flex-start;font-family:'Hind Siliguri',sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.03;margin:12px 0 18px;font-size:clamp(44px,6vw,72px)}
.intro h1 strong{font-weight:800;color:#172b55}
.intro h1 span{font-weight:800;background:linear-gradient(100deg,#3f62df,#5b78ef 55%,#8c72e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.intro p{font-family:'Hind Siliguri',sans-serif;font-size:18px;line-height:1.65;color:#64718b;max-width:680px;margin:0}
.trust-bar{width:min(900px,100%);margin:8px auto 0;padding:18px 34px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:28px;border:1px solid rgba(255,255,255,.95);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(232,238,253,.56));box-shadow:0 16px 36px rgba(74,91,157,.12),inset 0 1px 1px #fff;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.trust-item{display:flex;align-items:center;justify-content:center;gap:15px;color:#3f4e70;font-family:'Hind Siliguri',sans-serif;font-size:18px;font-weight:600;line-height:1.25}
.trust-icon{width:62px;height:62px;flex:0 0 62px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff,#e8edff);box-shadow:0 10px 24px rgba(72,91,181,.10),inset 0 1px 1px #fff;color:#3e68e7}
.trust-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trust-divider{width:1px;height:54px;background:linear-gradient(to bottom,transparent,rgba(102,121,201,.28),transparent)}
@media(max-width:900px){
  .intro{text-align:left;max-width:none;margin:0 14% 20px 12%;padding:0}
  .intro h1{font-size:clamp(35px,10vw,47px);margin:0 0 14px;line-height:.98;letter-spacing:-.06em}
  .intro p{font-size:11px;line-height:1.55;max-width:310px}
  .trust-bar{width:84%;margin:13px auto 0;padding:10px 11px;gap:6px;border-radius:23px;grid-template-columns:1fr 1px 1fr 1px 1fr;min-height:72px}
  .trust-item{gap:7px;font-size:10px;line-height:1.15}
  .trust-icon{width:35px;height:35px;flex-basis:35px}
  .trust-icon svg{width:20px;height:20px}
  .trust-divider{height:36px}
}
@media(max-width:560px){
  .intro{width:80%;margin:0 auto 14px}
  .intro h1{font-size:clamp(32px,9.6vw,45px)!important;margin-bottom:12px!important}
  .intro p{font-size:10.5px!important;line-height:1.5!important}
  .trust-bar{width:84%;margin-top:11px;padding:8px 8px;min-height:62px;border-radius:20px;gap:3px}
  .trust-item{font-size:8.7px;gap:5px}
  .trust-icon{width:30px;height:30px;flex-basis:30px}
  .trust-icon svg{width:17px;height:17px}
  .trust-divider{height:31px}
}


/* ===== Final spacing fix: Bengali heading + service bar ===== */
/* Prevent the top of the Bengali glyphs in the second heading line from
   being visually clipped, especially on mobile Chrome. */
.intro h1{
  line-height:1.14;
  padding-top:3px;
}

/* Move the service strip lower so there is a clean, balanced gap below
   the introductory text. */
.trust-bar{
  margin-top:26px;
}

@media(max-width:900px){
  .intro h1{
    line-height:1.12;
    padding-top:3px;
  }
  .trust-bar{
    margin-top:20px;
  }
}

@media(max-width:560px){
  .intro h1{
    line-height:1.12!important;
    padding-top:3px;
  }
  .trust-bar{
    margin-top:18px;
  }
}