:root{
  --bg:#eef0f3;
  --surface:#f7f8fa;
  --card:#ffffff;
  --ink:#20232b;
  --muted:#858b96;
  --line:#e2e5ea;
  --accent:#ff8a00;
  --accent-soft:#fff0dc;
  --shadow:0 18px 45px rgba(47,54,68,.09),0 3px 10px rgba(47,54,68,.04);
  --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:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.28;z-index:0}
.ambient-a{width:360px;height:360px;left:-180px;top:8%;background:#d5dbe4}
.ambient-b{width:360px;height:360px;right:-180px;top:24%;background:#d8dde6}
.ambient-c{width:280px;height:280px;left:42%;bottom:-180px;background:#e0e4ea}
.portal-shell{position:relative;z-index:1;width:min(1180px,calc(100% - 44px));margin:auto;padding:28px 0 24px}
.portal-header{height:58px;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px rgba(40,48,61,.06)}
.brand-mark span{border-radius:4px;background:#242832}
.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:var(--accent)}
.brand-copy{display:flex;flex-direction:column;line-height:1.12}
.brand-copy strong{font-size:17px;letter-spacing:-.045em}
.brand-copy small{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.intro{max-width:700px;margin:72px auto 42px;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.eyebrow:before{content:'';width:22px;height:1px;background:var(--accent)}
.intro h1{font-size:clamp(38px,5.5vw,68px);line-height:1.02;letter-spacing:-.07em;font-weight:800;margin:16px 0 18px;color:var(--ink)}
.intro h1 strong{font-weight:800;color:var(--ink)}
.intro h1 span{display:block;color:var(--accent)}
.intro p{font-size:14px;line-height:1.8;color:var(--muted);max-width:560px;margin:auto}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.collection-card{position:relative;display:flex;flex-direction:column;min-height:505px;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.9);border-radius:30px 42px 30px 42px;background:rgba(255,255,255,.76);box-shadow:var(--shadow);transition:transform .35s ease,box-shadow .35s ease}
.collection-card:nth-child(2){border-radius:42px 30px 42px 30px}
.collection-card:nth-child(3){border-radius:30px 42px 30px 42px}
.collection-card:hover{transform:translateY(-7px);box-shadow:0 24px 52px rgba(47,54,68,.14)}
.card-glow{position:absolute;width:220px;height:220px;right:-100px;top:60px;border-radius:50%;background:var(--accent-soft);filter:blur(8px);opacity:.85}
.machinery .card-glow{background:#e6ebf2}.chair .card-glow{background:#fff0dc}.curtain .card-glow{background:#e9e5f8}
.card-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}
.click-hint{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.arrow{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:#fff;border:1px solid var(--line);box-shadow:0 8px 18px rgba(40,48,61,.06);transition:all .3s ease}
.arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.collection-card:hover .arrow{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(8deg)}
.visual{position:relative;height:280px;margin:8px -2px 0;display:flex;align-items:center;justify-content:center;z-index:1}
.machine-icon{width:245px;height:190px;filter:drop-shadow(0 18px 22px rgba(75,91,120,.12))}
.machine-halo{position:absolute;width:190px;height:65px;border-radius:50%;background:rgba(143,155,177,.18);filter:blur(15px);bottom:28px}
.machine-frame{fill:#aab5c5}.machine-window{fill:#687a96}.machine-head{fill:#f7f8fa}.machine-bit{fill:#68758b}.machine-bed{fill:#8d9aad}.machine-gear{fill:#f7f8fa}.machine-gear-line{stroke:#718097}
.visual-chair .chair-back{position:absolute;width:145px;height:170px;top:33px;border-radius:48px 48px 28px 28px;background:linear-gradient(145deg,#ffc37c,#f18b32);box-shadow:inset 10px 10px 20px rgba(255,255,255,.28),inset -12px -15px 25px rgba(160,75,10,.14),0 25px 35px rgba(190,111,38,.13)}
.visual-chair .chair-back:after{content:'';position:absolute;inset:16px;border-radius:36px 36px 20px 20px;border:1px solid rgba(255,255,255,.28)}
.visual-chair .chair-seat{position:absolute;width:190px;height:66px;top:177px;border-radius:35px;background:linear-gradient(145deg,#ffbd75,#ed8430);box-shadow:inset 10px 8px 18px rgba(255,255,255,.24),inset -12px -10px 18px rgba(160,75,10,.14),0 18px 30px rgba(190,111,38,.13)}
.chair-arm{position:absolute;top:169px;width:56px;height:12px;border-radius:10px;background:#d98a42}.chair-arm:after{content:'';position:absolute;width:10px;height:42px;top:7px;border-radius:10px;background:#cc803c}.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:#7b8290}
.visual-curtain .curtain-window{position:absolute;width:178px;height:164px;top:47px;border:10px solid #d7dce5;border-bottom-width:13px;background:linear-gradient(135deg,#e9edf4,#bdc8d9);box-shadow:inset 0 0 0 2px rgba(255,255,255,.65),0 22px 35px rgba(70,82,105,.12)}
.curtain-window span{position:absolute;inset:10px;background:linear-gradient(135deg,#f8f9fb,#c8d0dc)}
.curtain-rod{position:absolute;z-index:3;top:32px;width:226px;height:8px;border-radius:8px;background:#9ba4b2}.curtain-rod i{position:absolute;width:16px;height:16px;top:-4px;border-radius:50%;background:#7d8797}.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,#c8c0e8,#a59ad2,#d2ccef);filter:drop-shadow(0 15px 18px rgba(71,75,110,.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;padding-top:18px}.mini-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;color:var(--muted)}.card-copy p{font-size:14px;line-height:1.5;color:var(--ink);font-weight:700;max-width:220px;margin-top:8px}
.trust-bar{display:flex;align-items:center;justify-content:center;gap:28px;margin:28px auto 0;padding:18px 24px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.58);box-shadow:0 10px 25px rgba(47,54,68,.04)}
.trust-item{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;line-height:1.35;font-weight:700}.trust-icon{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);color:var(--accent)}.trust-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.trust-divider{width:1px;height:28px;background:var(--line)}
.portal-footer{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding:0 5px;color:#9aa0aa;font-size:10px}
.construction-shell{position:relative;z-index:1;width:min(980px,calc(100% - 44px));min-height:100vh;margin:auto;padding:28px 0 24px;display:flex;flex-direction:column}.construction-card{width:min(720px,100%);margin:auto;text-align:center;padding:68px 48px;border-radius:34px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow)}.construction-icon{width:72px;height:72px;margin:0 auto 25px;display:grid;place-items:center;border-radius:24px;background:var(--accent-soft);color:var(--accent);font-size:32px}.construction-card h1{font-size:clamp(38px,6vw,60px);letter-spacing:-.06em;line-height:1;margin:16px 0}.construction-card h1 span{display:block;color:var(--accent)}.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;color:#fff;font-size:13px;font-weight:700;background:var(--accent);box-shadow:0 12px 24px rgba(255,138,0,.2);transition:transform .25s ease}.back-button:hover{transform:translateY(-2px)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.visual-machine .machine-frame{animation:float 3s ease-in-out infinite}.visual-chair .chair-back{animation:float 3.2s ease-in-out infinite}.visual-chair .chair-seat{animation:float 3.2s ease-in-out infinite -.15s}.visual-curtain .curtain-panel{animation:float 3.4s ease-in-out infinite}.visual-curtain .curtain-panel.right{animation-delay:-1.1s}
@media(max-width:980px){.collection-grid{grid-template-columns:1fr}.collection-card{min-height:430px}.visual{height:235px}.portal-shell{width:min(650px,calc(100% - 32px))}.intro{margin:48px auto 32px}.trust-bar{flex-wrap:wrap;gap:16px}.trust-divider{display:none}}
@media(max-width:560px){.portal-shell{width:calc(100% - 22px);padding-top:16px}.portal-header{height:48px}.brand-mark{width:36px;height:36px;border-radius:12px;padding:7px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:8px}.intro{margin:38px auto 26px}.intro h1{font-size:35px}.intro p{font-size:12px}.collection-card{min-height:390px;padding:16px;border-radius:25px 34px 25px 34px}.collection-card:nth-child(2){border-radius:34px 25px 34px 25px}.card-copy p{font-size:13px}.visual{height:205px}.machine-icon{transform:scale(.85)}.trust-bar{align-items:flex-start;justify-content:flex-start;padding:16px;gap:14px}.trust-item{font-size:11px}.portal-footer{font-size:9px;flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ================= COMPACT REFERENCE HOME ================= */
:root{
  --bg:#eef0f3;
  --surface:#f7f8fa;
  --card:#ffffff;
  --ink:#24262a;
  --muted:#858b96;
  --line:#e1e4e8;
  --accent:#f28b12;
  --accent-soft:#fff0dc;
  --shadow:0 16px 36px rgba(34,38,44,.09),0 2px 8px rgba(34,38,44,.035);
}
body{background:linear-gradient(135deg,#f4f4f2 0%,#e9eaec 52%,#f7f7f5 100%);}
.portal-shell{width:min(1180px,calc(100% - 48px));padding:22px 0 18px}
.portal-header{height:48px}
.brand-mark{width:38px;height:38px;border-radius:13px;padding:7px}
.intro{max-width:650px;margin:34px auto 24px}
.intro h1{font-size:clamp(32px,4.3vw,54px);margin:12px 0 12px}
.intro p{font-size:13px;line-height:1.65}
.collection-grid{gap:16px}
.collection-card{min-height:330px;height:330px;padding:18px;border-radius:28px 38px 28px 38px;background:rgba(255,255,255,.72);box-shadow:var(--shadow)}
.collection-card:nth-child(2){border-radius:38px 28px 38px 28px}
.collection-card:nth-child(3){border-radius:28px 38px 28px 38px}
.card-top .arrow{width:36px;height:36px}
.visual{height:176px;margin:2px -2px 0}
.machine-icon{width:190px;height:145px}
.machine-halo{width:160px;height:48px;bottom:20px}
.visual-chair .chair-back{width:112px;height:126px;top:24px}
.visual-chair .chair-seat{width:152px;height:52px;top:136px}
.visual-chair .chair-arm{top:130px}
.visual-chair .chair-column{top:187px;height:24px}
.visual-curtain .curtain-window{width:142px;height:124px;top:30px;border-width:8px}
.curtain-rod{top:20px;width:182px;height:7px}
.curtain-panel{top:26px;width:52px;height:146px}
.card-copy{padding-top:8px}
.card-copy p{font-size:13px;line-height:1.4;margin-top:5px}
.trust-bar{margin-top:18px;padding:13px 20px;border-radius:20px;gap:24px}
.portal-footer{margin-top:15px}
@media(max-width:980px){
  .portal-shell{width:min(720px,calc(100% - 32px))}
  .collection-grid{grid-template-columns:1fr}
  .collection-card{height:290px;min-height:290px}
  .visual{height:145px}
}
@media(min-width:981px) and (max-height:780px){
  .portal-shell{padding-top:12px}
  .intro{margin:20px auto 16px}
  .collection-card{height:285px;min-height:285px}
  .visual{height:142px}
  .trust-bar{margin-top:14px;padding:10px 18px}
  .portal-footer{margin-top:10px}
}
@media(max-width:560px){
  .portal-shell{width:calc(100% - 22px);padding-top:14px}
  .intro{margin:28px auto 20px}
  .intro h1{font-size:32px}
  .collection-card{height:285px;min-height:285px;padding:15px}
  .visual{height:150px}
  .trust-bar{margin-top:15px}
}

/* =========================================================
   CHAIR MART — REFERENCE GLASS SYSTEM
   Light blue / violet glassmorphism inspired by supplied UI
   ========================================================= */
:root{
  --ref-bg-1:#f7fbff;
  --ref-bg-2:#eef2ff;
  --ref-bg-3:#f8f2ff;
  --ref-blue:#5367e8;
  --ref-blue-2:#6e79ee;
  --ref-violet:#7658e9;
  --ref-ink:#18203b;
  --ref-muted:#727b92;
  --ref-glass:rgba(255,255,255,.48);
  --ref-glass-strong:rgba(255,255,255,.68);
  --ref-border:rgba(255,255,255,.82);
  --ref-shadow:0 24px 55px rgba(74,91,145,.12), inset 0 1px 0 rgba(255,255,255,.85);
}
body{
  background:
    radial-gradient(520px 420px at 76% 12%,rgba(164,150,255,.24),transparent 68%),
    radial-gradient(430px 360px at 20% 52%,rgba(140,192,255,.20),transparent 70%),
    linear-gradient(135deg,var(--ref-bg-1),var(--ref-bg-2) 52%,var(--ref-bg-3));
  color:var(--ref-ink);
}
.ambient{opacity:.55;filter:blur(85px)}
.ambient-a{background:#a9d4ff;left:-170px;top:8%}
.ambient-b{background:#c7b8ff;right:-160px;top:18%}
.ambient-c{background:#d5cfff;left:38%;bottom:-170px}
.portal-shell{width:min(1120px,calc(100% - 34px));padding:18px 0 22px}
.portal-header{height:54px}
.brand-mark{background:rgba(255,255,255,.55);border:1px solid var(--ref-border);box-shadow:var(--ref-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand-mark span{background:#233067}.brand-mark span:nth-child(2),.brand-mark span:nth-child(3){background:var(--ref-blue)}
.brand-copy strong{color:var(--ref-ink)}.brand-copy small{color:#7b84a0}
.intro{max-width:760px;margin:52px auto 30px;text-align:left;padding:0 8px}
.eyebrow{color:#68728d;letter-spacing:.16em}.eyebrow:before{background:var(--ref-blue)}
.intro h1{font-family:'Hind Siliguri',sans-serif;font-size:clamp(42px,6vw,76px);letter-spacing:-.055em;line-height:.98;margin:12px 0 18px;color:var(--ref-ink)}
.intro h1 strong{color:#16214b}.intro h1 span{color:transparent;background:linear-gradient(100deg,#5269df,#7657e9);-webkit-background-clip:text;background-clip:text}
.intro p{font-family:'Hind Siliguri',sans-serif;font-size:16px;color:#747e97;line-height:1.65;margin:0;max-width:590px}
.collection-grid{grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;max-width:760px;margin:0 auto}
.collection-card{
  min-height:300px;height:300px;padding:18px 20px;
  border:1.5px solid var(--ref-border);border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.70),rgba(255,255,255,.30));
  box-shadow:var(--ref-shadow),0 18px 40px rgba(76,91,145,.08);
  backdrop-filter:blur(22px) saturate(125%);-webkit-backdrop-filter:blur(22px) saturate(125%);
}
.collection-card:nth-child(2){border-radius:34px}.collection-card:nth-child(3){grid-column:1 / -1;width:calc(50% - 9px);justify-self:center;border-radius:34px}
.collection-card:before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.52),transparent 40%,rgba(151,169,255,.08));}
.collection-card:hover{transform:translateY(-5px);box-shadow:0 28px 58px rgba(74,91,145,.15),inset 0 1px 0 rgba(255,255,255,.95)}
.card-glow{width:180px;height:180px;right:-72px;top:55px;background:rgba(126,110,255,.16)!important;filter:blur(18px);opacity:1}
.card-top{z-index:3}.click-hint{font-family:'Hind Siliguri',sans-serif;text-transform:none;letter-spacing:0;font-size:21px;color:#29418e;font-weight:700}.arrow{width:42px;height:42px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.9);color:#4f67dc;box-shadow:0 8px 20px rgba(82,98,169,.10);backdrop-filter:blur(12px)}
.collection-card:hover .arrow{background:linear-gradient(145deg,#6678e8,#5047cf);border-color:rgba(255,255,255,.8);color:#fff}
.visual{height:178px;margin:0;z-index:2}
.machine-icon{width:205px;height:155px;filter:drop-shadow(0 18px 20px rgba(74,91,145,.16))}.machine-halo{background:rgba(122,151,235,.20);width:165px}
.machine-frame{fill:#91a6e9}.machine-window{fill:#536cdb}.machine-head{fill:#edf1ff}.machine-bit{fill:#5d73d6}.machine-bed{fill:#7890df}.machine-gear{fill:#eef2ff}.machine-gear-line{stroke:#6579dc}
.visual-chair .chair-back{background:linear-gradient(145deg,#93a8f2,#6675df);box-shadow:inset 10px 10px 22px rgba(255,255,255,.25),inset -12px -15px 25px rgba(61,72,160,.15),0 24px 34px rgba(82,97,187,.14)}
.visual-chair .chair-seat{background:linear-gradient(145deg,#91a7f1,#6676e0);box-shadow:inset 10px 8px 18px rgba(255,255,255,.24),inset -12px -10px 18px rgba(61,72,160,.14),0 18px 30px rgba(82,97,187,.13)}
.chair-arm{background:#6c7ddd}.chair-arm:after{background:#6475d1}.visual-chair .chair-column{background:#6879c9}
.visual-curtain .curtain-window{border-color:#dce6ff;background:linear-gradient(135deg,#edf3ff,#c8d6f7);box-shadow:inset 0 0 0 2px rgba(255,255,255,.75),0 22px 35px rgba(70,82,145,.10)}
.curtain-window span{background:linear-gradient(135deg,#f9fcff,#c9e8f7)}.curtain-rod{background:#7587ac}.curtain-rod i{background:#657898}.curtain-panel{background:linear-gradient(90deg,#788be2,#b4c2f7,#7286df);filter:drop-shadow(0 15px 18px rgba(71,75,150,.12))}
.card-copy{z-index:3}.mini-label{color:#77809a}.card-copy p{font-family:'Hind Siliguri',sans-serif;color:#26345f;font-size:15px}
.trust-bar{max-width:760px;margin:22px auto 0;padding:16px 26px;border:1.5px solid var(--ref-border);border-radius:28px;background:rgba(255,255,255,.45);box-shadow:var(--ref-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.trust-item{color:#465273;font-family:'Hind Siliguri',sans-serif;font-size:13px}.trust-icon{background:rgba(255,255,255,.58);border-color:rgba(255,255,255,.85);color:#4f6dde;box-shadow:0 6px 15px rgba(82,98,169,.08)}.trust-divider{background:rgba(105,120,164,.18)}
.portal-footer{color:#8790a6}
.construction-card{border:1.5px solid var(--ref-border);background:rgba(255,255,255,.48);box-shadow:var(--ref-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:34px}.construction-icon{background:rgba(111,126,232,.14);color:var(--ref-blue)}.construction-card h1{font-family:'Hind Siliguri',sans-serif;color:var(--ref-ink)}.construction-card h1 span{color:var(--ref-violet)}.construction-card p{font-family:'Hind Siliguri',sans-serif;color:#737e99}.back-button{background:linear-gradient(145deg,#6679e9,#5148cf);box-shadow:0 14px 30px rgba(83,96,210,.22)}
@media(max-width:700px){
  .portal-shell{width:calc(100% - 28px)}.intro{margin:34px auto 22px;padding:0 7px}.intro h1{font-size:clamp(39px,11vw,58px)}.intro p{font-size:14px}
  .collection-grid{gap:12px;max-width:100%}.collection-card{height:292px;min-height:292px;padding:15px 14px;border-radius:28px}.collection-card:nth-child(2),.collection-card:nth-child(3){border-radius:28px}.collection-card:nth-child(3){width:calc(50% - 6px)}
  .click-hint{font-size:19px}.arrow{width:38px;height:38px}.visual{height:166px}.machine-icon{width:185px}.card-copy p{font-size:13px}.trust-bar{margin-top:16px;padding:13px 12px;gap:9px;border-radius:23px}.trust-item{gap:7px;font-size:11px}.trust-icon{width:30px;height:30px}.portal-footer{display:none}
}
@media(max-width:430px){.intro h1{font-size:38px}.collection-card{height:275px;min-height:275px}.visual{height:151px}.visual-chair .chair-back{transform:scale(.92)}.visual-chair .chair-seat{transform:scale(.92)}.trust-bar{justify-content:space-between}.trust-item{font-size:10px}}