#hero{
  min-height:calc(100vh - var(--ss-header-total));
  background:#ffffff;
  display:grid;grid-template-columns:1fr 1fr;
  align-items:center;
  padding:48px 7% 80px;
  gap:60px;
  position:relative;overflow:hidden;
}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(26,95,122,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(26,95,122,.038) 1px,transparent 1px);background-size:55px 55px;animation:gridDrift 22s linear infinite;pointer-events:none;}
.hero-circle-deco{position:absolute;right:-60px;top:-60px;width:360px;height:360px;border:1px solid rgba(201,168,76,.15);border-radius:50%;animation:rotateSlow 45s linear infinite;pointer-events:none;}
.hero-circle-deco::before{content:'';position:absolute;inset:28px;border:1px dashed rgba(26,95,122,.09);border-radius:50%;animation:rotateCCW 30s linear infinite;}
.hero-circle-deco::after{content:'';position:absolute;inset:56px;border:1px solid rgba(201,168,76,.07);border-radius:50%;}

/* Hero Left */
.hero-left{position:relative;z-index:5;animation:heroUp .9s var(--ease) .1s both;}
.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 20px;background:var(--glass-b);backdrop-filter:blur(14px);border:1px solid rgba(26,95,122,.18);border-radius:60px;font-family:var(--f-nav);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--blue);margin-bottom:26px;box-shadow:var(--shadow-glass);}
.badge-pulse{width:7px;height:7px;background:var(--blue-l);border-radius:50%;animation:pulseDot 2s infinite;}
.hero-h1{font-family:var(--f-serif);font-size:clamp(3.2rem,5.8vw,6.2rem);font-weight:700;line-height:.9;letter-spacing:-.025em;margin-bottom:8px;}
.hero-h1 .line{display:block;overflow:hidden;}
.hero-h1 .inner{display:block;transform:translateY(110%);animation:fadeUp .85s var(--ease) forwards;}
.hero-h1 .l2 .inner{animation-delay:.14s;color:var(--blue);font-style:italic;}
.hero-h1 .l3 .inner{animation-delay:.28s;}
.hero-h1 .l4 .inner{animation-delay:.42s;-webkit-text-stroke:1.5px var(--blue);color:transparent;}
.hero-sub{font-family:var(--f-nav);font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:22px 0 16px;animation:fadeL .8s var(--ease) .56s both;}
.hero-p{font-size:.98rem;line-height:1.85;color:var(--ink-l);max-width:520px;margin-bottom:34px;animation:fadeUp .8s var(--ease) .7s both;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px;animation:fadeUp .8s var(--ease) .84s both;}

/* Hero Stats — glass */
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);border-radius:14px;overflow:hidden;animation:fadeUp .8s var(--ease) 1s both;background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--border-w);box-shadow:var(--shadow-glass);}
.hs{padding:18px 14px;text-align:center;border-right:1px solid var(--border);position:relative;overflow:hidden;transition:background .3s;}
.hs:last-child{border-right:none;}
.hs::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--gold));transform:scaleX(0);transition:transform .4s var(--ease);transform-origin:left;}
.hs:hover::after{transform:scaleX(1);}
.hs:hover{background:var(--cream);}
.hs-n{font-family:var(--f-serif);font-size:2rem;font-weight:700;color:var(--blue);line-height:1;margin-bottom:4px;}
.hs-l{font-family:var(--f-nav);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-l);}

/* Hero Right — 3D glass stack */
.hero-right{position:relative;z-index:5;height:670px;animation:fadeR .9s var(--ease) .3s both;perspective:1200px;}
.hr-main{
  position:absolute;top:0;right:0;
  width:calc(100% - 70px);height:550px;
  border-radius:24px;overflow:hidden;
  box-shadow:var(--shadow),0 0 0 1px rgba(26,95,122,.1);
  animation:floatA 10s ease infinite;
  border:1px solid rgba(255,255,255,.6);
  transition:transform .4s ease;
}
.hr-main img{width:100%;height:100%;filter:brightness(.92);}
.hr-main::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(26,122,156,.08) 0%,transparent 50%,rgba(13,27,34,.3) 100%);}

/* Glass floating card 1 */
.hr-fc1{
  position:absolute;bottom:50px;left:0;
  width:215px;
  background:var(--glass-b);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border:1px solid var(--border-w);
  border-radius:16px;
  overflow:hidden;
  box-shadow:var(--shadow-glass);
  animation:floatB 8s ease 1s infinite;
  z-index:10;
}
.hr-fc1 img{width:100%;height:118px;}
.hr-fc1-body{padding:13px 15px;}
.hr-fc1-body h4{font-family:var(--f-nav);font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px;}
.hr-fc1-body p{font-size:11px;color:var(--ink-l);}

/* Glass pill badge */
.hr-fc2{
  position:absolute;top:28px;left:18px;
  padding:11px 17px;
  background:var(--glass-b);backdrop-filter:blur(18px);
  border:1px solid var(--border-w);border-radius:10px;
  box-shadow:var(--shadow-glass);
  animation:floatC 6s ease .5s infinite;z-index:10;
}
.hr-fc2 p{font-family:var(--f-nav);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);}
.hr-fc2 span{font-family:var(--f-serif);font-size:1.5rem;font-weight:700;color:var(--ink);display:block;margin-top:1px;}

/* Corner blueprint marks */
.cdeco{position:absolute;width:44px;height:44px;pointer-events:none;}
.cdeco::before,.cdeco::after{content:'';position:absolute;width:13px;height:13px;border-color:var(--gold);border-style:solid;}
.cdeco-tr{top:14px;right:14px;}
.cdeco-tr::before{top:0;right:0;border-width:1.5px 1.5px 0 0;}
.cdeco-bl{bottom:60px;left:60px;}
.cdeco-bl::after{bottom:0;left:0;border-width:0 0 1.5px 1.5px;}

/* ════════════════════════════
   SERVICES
════════════════════════════ */
#services{padding:120px 7%;background:#fff;position:relative;overflow:hidden;}
.services-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:70px;}

/* Image with glass overlay */
.svc-img-wrap{position:relative;height:460px;}
.svc-img-main{position:absolute;inset:0 0 0 40px;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);}
.svc-img-main img{width:100%;height:100%;transition:transform .8s ease;}
.svc-img-main:hover img{transform:scale(1.05);}
.svc-img-main::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(26,95,122,.1),transparent 60%,rgba(13,27,34,.35));}
/* Glass badge over image */
.svc-glass-badge{
  position:absolute;left:-18px;bottom:28px;
  padding:16px 20px;
  background:var(--glass-b);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid var(--border-w);border-radius:14px;
  box-shadow:var(--shadow-glass);
  animation:glassFloat 7s ease infinite;z-index:5;
}
.svc-glass-badge .gbn{font-family:var(--f-serif);font-size:2rem;font-weight:700;color:var(--blue);line-height:1;}
.svc-glass-badge .gbl{font-family:var(--f-nav);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-l);margin-top:4px;}

/* 3×2 services grid */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:16px;overflow:hidden;}
.sc{background:#fff;padding:30px 26px;position:relative;overflow:hidden;transition:all .45s var(--ease);cursor:default;}
.sc::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);}
.sc:hover::after{transform:scaleX(1);}
.sc:hover{background:linear-gradient(135deg,var(--cream) 0%,rgba(255,255,255,.9) 100%);transform:translateY(-5px);z-index:2;box-shadow:0 20px 50px rgba(26,95,122,.1);}
/* Glass icon */
.sc-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;margin-bottom:18px;background:var(--glass);backdrop-filter:blur(10px);border:1px solid var(--border-w);box-shadow:var(--shadow-glass);transition:all .4s;position:relative;overflow:hidden;}
.sc-icon::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,95,122,.08),transparent);}
.sc:hover .sc-icon{transform:perspective(400px) rotateY(20deg);border-color:rgba(26,95,122,.3);box-shadow:0 8px 24px rgba(26,95,122,.15);}
.sc-n{font-family:var(--f-nav);font-size:10px;font-weight:700;letter-spacing:.2em;color:rgba(26,95,122,.25);margin-bottom:14px;}
.sc h3{font-family:var(--f-serif);font-size:1.18rem;font-weight:600;color:var(--ink);margin-bottom:10px;}
.sc p{font-size:12.5px;line-height:1.75;color:var(--ink-l);}
.svc-grid-3{grid-template-columns:repeat(3,1fr);}
.sc-cat{padding:34px 28px;}
.sc-list{list-style:none;margin-top:16px;display:flex;flex-direction:column;gap:6px;}
.sc-list li{font-size:12px;color:var(--ink-l);display:flex;align-items:center;gap:8px;}
.sc-list li::before{content:'◆';font-size:6px;color:var(--gold);flex-shrink:0;}

/* Categories grid */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.cat-card{background:var(--glass-b);backdrop-filter:blur(16px);border:1px solid var(--border-w);border-radius:16px;padding:28px 22px;text-align:center;transition:all .4s var(--ease);box-shadow:var(--shadow-glass);}
.cat-card:hover{transform:translateY(-6px);border-color:rgba(26,95,122,.28);box-shadow:0 20px 50px rgba(26,95,122,.12);}
.cat-ic{font-size:28px;display:block;margin-bottom:12px;}
.cat-card h4{font-family:var(--f-serif);font-size:1.05rem;font-weight:600;color:var(--ink);}

/* ════════════════════════════
   3D GLASS SHOWCASE
════════════════════════════ */
#showcase{padding:120px 7%;background:var(--off);position:relative;overflow:hidden;}
/* Blueprint SVG bg */
.bp-bg{position:absolute;inset:0;opacity:.032;pointer-events:none;}
.bp-bg svg{width:100%;height:100%;}

.showcase-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:60px;}
.showcase-head-r{display:flex;justify-content:flex-end;align-items:center;}

/* Main showcase grid */
.sg{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-template-rows:290px 290px;gap:18px;}

/* Showcase card base */
.scard{border-radius:22px;overflow:hidden;position:relative;border:1px solid var(--border);transition:all .5s var(--ease);cursor:default;transform-style:preserve-3d;}
.scard:hover{transform:translateY(-12px) scale(1.015);box-shadow:var(--shadow);border-color:rgba(26,95,122,.28);}
.scard img{width:100%;height:100%;transition:transform .8s ease;}
.scard:hover img{transform:scale(1.08);}

/* Glass label overlay */
.scard-label{position:absolute;bottom:0;left:0;right:0;padding:0 20px 18px;}
.scard-label::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(13,27,34,.75));pointer-events:none;}
.scard-glass-inner{
  position:relative;z-index:2;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.28);
  border-radius:12px;
  padding:12px 16px;
  box-shadow:0 4px 20px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.35);
}
.sg-tag{font-family:var(--f-nav);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-l);margin-bottom:5px;}
.scard-glass-inner h3{font-family:var(--f-serif);font-size:1rem;font-weight:600;color:#fff;margin-bottom:2px;}
.scard-glass-inner p{font-size:11px;color:rgba(255,255,255,.7);}

.sg-large{grid-row:1/3;}
.sg-tr img,.sg-tr2 img,.sg-br img,.sg-br2 img{height:100%;}
.sg-large img{height:100%;}

/* ════════════════════════════
   WHY CHOOSE US
════════════════════════════ */
#why{padding:120px 7%;background:#fff;position:relative;overflow:hidden;}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}

/* 3D Glass visual left */
.why-vis{position:relative;height:580px;}
.why-main{position:absolute;inset:0 0 70px 0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);}
.why-main img{width:100%;height:100%;filter:brightness(.88);}
.why-main::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,95,122,.12),transparent 60%);}
/* Glass stat card */
.why-glass-card{
  position:absolute;bottom:0;right:20px;
  width:195px;
  background:var(--glass-b);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  border:1px solid var(--border-w);border-radius:16px;
  padding:18px;box-shadow:var(--shadow-glass);
  animation:glassFloat 8s ease infinite;z-index:5;
}
.why-glass-card .wgn{font-family:var(--f-serif);font-size:2.2rem;font-weight:700;color:var(--gold);line-height:1;}
.why-glass-card .wgl{font-family:var(--f-nav);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-l);margin-top:4px;}
.wg-bar{margin-top:12px;height:3px;background:var(--cream);border-radius:2px;overflow:hidden;}
.wg-fill{height:100%;width:98%;background:linear-gradient(90deg,var(--blue),var(--blue-l));border-radius:2px;}
/* Rotate ring */
.why-ring{position:absolute;top:-16px;right:-16px;width:96px;height:96px;border:1.5px solid rgba(201,168,76,.22);border-radius:50%;animation:rotateSlow 18s linear infinite;pointer-events:none;}
.why-ring::before{content:'';position:absolute;inset:11px;border:1px dashed rgba(26,95,122,.15);border-radius:50%;animation:rotateCCW 12s linear infinite;}

/* Feature glass cards */
.why-feats{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.wfc{
  padding:24px 20px;
  background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid var(--border-w);border-radius:16px;
  box-shadow:var(--shadow-glass);
  position:relative;overflow:hidden;
  transition:all .4s var(--ease);
}
.wfc::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--cream),transparent);opacity:0;transition:opacity .4s;}
.wfc:hover::before{opacity:1;}
.wfc:hover{border-color:rgba(26,95,122,.3);transform:translateY(-7px) scale(1.02);box-shadow:0 20px 50px rgba(26,95,122,.12);}
/* Glass icon */
.wfc-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:13px;background:rgba(255,255,255,.8);backdrop-filter:blur(10px);border:1px solid var(--border-w);box-shadow:var(--shadow-glass);transition:transform .4s;}
.wfc:hover .wfc-icon{transform:perspective(350px) rotateY(22deg);}
.wfc h4{font-family:var(--f-serif);font-size:1.02rem;font-weight:600;color:var(--ink);margin-bottom:7px;}
.wfc p{font-size:12px;line-height:1.72;color:var(--ink-l);}

/* ════════════════════════════
   PROCESS
════════════════════════════ */
#process{padding:120px 7%;background:var(--off);position:relative;overflow:hidden;}
.proc-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:70px;}
.proc-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;}
.proc-steps::before{content:'';position:absolute;top:38px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,var(--blue-d),var(--blue-l),var(--gold),var(--blue-l),var(--blue-d));opacity:.35;}
.pstep{display:flex;flex-direction:column;align-items:center;padding:0 8px;position:relative;z-index:1;}
/* Glass node */
.pnode{
  width:76px;height:76px;border-radius:50%;
  background:var(--glass-b);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1.5px solid var(--border-w);
  box-shadow:var(--shadow-glass);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  margin-bottom:22px;transition:all .4s var(--ease);
  animation:ringPulse 4s ease infinite;
}
.pstep:nth-child(2) .pnode{animation-delay:.7s;}
.pstep:nth-child(3) .pnode{animation-delay:1.4s;}
.pstep:nth-child(4) .pnode{animation-delay:2.1s;}
.pstep:nth-child(5) .pnode{animation-delay:2.8s;}
.pstep:hover .pnode{border-color:var(--gold);box-shadow:0 0 28px rgba(201,168,76,.28);transform:scale(1.12);animation-play-state:paused;}
.pnum{font-family:var(--f-serif);font-size:1.35rem;font-weight:700;color:var(--blue);line-height:1;}
.pico{font-size:11px;margin-top:1px;}
.pstep h4{font-family:var(--f-serif);font-size:.93rem;font-weight:600;color:var(--ink);margin-bottom:8px;text-align:center;}
.pstep p{font-size:11.5px;line-height:1.7;color:var(--ink-l);text-align:center;}

/* ════════════════════════════
   SPACES / ROOMS
════════════════════════════ */
#spaces{padding:120px 7%;background:#fff;overflow:hidden;position:relative;}
.spaces-head{margin-bottom:56px;}
.spaces-mason{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:300px 300px;gap:18px;}
.spcard{border-radius:20px;overflow:hidden;position:relative;border:1px solid var(--border);transition:all .5s var(--ease);cursor:default;}
.spcard:hover{transform:translateY(-10px) perspective(900px) rotateX(2deg);box-shadow:var(--shadow);border-color:rgba(26,95,122,.28);}
.spcard img{width:100%;height:100%;transition:transform .75s ease;}
.spcard:hover img{transform:scale(1.08) rotate(.4deg);}
.spcard-ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(13,27,34,.82) 100%);}
.spcard-info{position:absolute;bottom:0;left:0;right:0;padding:22px 20px;transform:translateY(6px);transition:transform .4s var(--ease);}
.spcard:hover .spcard-info{transform:translateY(0);}
/* Glass tag */
.sp-glass-tag{
  display:inline-block;
  padding:4px 12px;margin-bottom:7px;
  background:rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.35);border-radius:20px;
  font-family:var(--f-nav);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold-l);
}
.spcard-info h3{font-family:var(--f-serif);font-size:1.05rem;font-weight:600;color:#fff;margin-bottom:3px;}
.spcard-info p{font-size:11px;color:rgba(255,255,255,.65);}
.sp-wide{grid-column:1/3;}
.sp-tall{grid-row:1/3;grid-column:3/4;}

/* ════════════════════════════
   STATS BAND
════════════════════════════ */
#stats{padding:80px 7%;background:var(--blue);position:relative;overflow:hidden;}
#stats::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;}
.scan-line{position:absolute;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);animation:scanV 6s linear infinite;pointer-events:none;}
.stats-inner{display:grid;grid-template-columns:1fr auto;gap:80px;align-items:center;position:relative;z-index:2;}
.stats-txt h2{font-family:var(--f-serif);font-size:clamp(1.9rem,3vw,2.9rem);font-weight:600;color:#fff;line-height:1.2;margin-bottom:14px;}
.stats-txt h2 em{font-style:italic;color:var(--gold-l);}
.stats-txt p{font-size:.93rem;line-height:1.82;color:rgba(255,255,255,.68);max-width:490px;}
/* Glass stats grid */
.stats-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;min-width:340px;}
.snum{padding:26px 22px;background:rgba(255,255,255,.06);backdrop-filter:blur(10px);transition:background .3s;}
.snum:hover{background:rgba(255,255,255,.12);}
.snum .n{font-family:var(--f-serif);font-size:2.5rem;font-weight:700;color:#fff;line-height:1;margin-bottom:5px;}
.snum .n span{color:var(--gold-l);}
.snum .l{font-family:var(--f-nav);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);}

/* ════════════════════════════
   TESTIMONIALS
════════════════════════════ */
#testimonials{padding:120px 7%;background:var(--off);position:relative;overflow:hidden;}
.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;}
/* Glass testimonial card */
.tcard{
  background:var(--glass-b);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid var(--border-w);border-radius:18px;
  padding:30px 26px;position:relative;overflow:hidden;
  box-shadow:var(--shadow-glass);
  transition:all .4s var(--ease);
  animation:glassGlow 6s ease infinite;
}
.tcard:nth-child(2){animation-delay:1.5s;}
.tcard:nth-child(3){animation-delay:3s;}
.tcard:hover{transform:translateY(-9px);box-shadow:0 28px 70px rgba(26,95,122,.14);animation-play-state:paused;}
.tcard::before{content:'"';position:absolute;top:-12px;left:18px;font-family:var(--f-serif);font-size:7rem;font-weight:700;color:rgba(26,95,122,.05);line-height:1;pointer-events:none;}
/* Beam */
.tcard::after{content:'';position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);left:-70%;transform:skewX(-15deg);}
.tcard:hover::after{animation:beam .65s ease forwards;}
/* Glass tag */
.t-glass-tag{display:inline-block;padding:4px 12px;margin-bottom:12px;background:rgba(26,95,122,.07);backdrop-filter:blur(8px);border:1px solid rgba(26,95,122,.15);border-radius:20px;font-family:var(--f-nav);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);}
.t-stars{display:flex;gap:3px;margin-bottom:14px;}
.t-stars span{font-size:12px;}
.t-quote{font-size:13.5px;line-height:1.85;color:var(--ink-l);font-style:italic;margin-bottom:20px;}
.t-div{height:1px;background:var(--border);margin-bottom:16px;}
.t-name{font-family:var(--f-serif);font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:3px;}
.t-role{font-size:11px;color:var(--blue);}

/* ════════════════════════════
   TECH PILLS
════════════════════════════ */
#tech{padding:72px 7%;background:#fff;border-top:1px solid var(--border);position:relative;overflow:hidden;}
.tech-row{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.tech-l h3{font-family:var(--f-serif);font-size:1.75rem;font-weight:600;color:var(--ink);margin-bottom:6px;}
.tech-pills{display:flex;flex-wrap:wrap;gap:10px;}
.tpill{display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:60px;font-family:var(--f-nav);font-size:13px;font-weight:700;letter-spacing:.06em;color:var(--ink-m);position:relative;overflow:hidden;transition:all .35s var(--ease);background:var(--glass);backdrop-filter:blur(14px);border:1.5px solid var(--border-w);box-shadow:var(--shadow-glass);}
.tpill::before{content:'';position:absolute;inset:0;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);border-radius:60px;}
.tpill:hover::before{transform:scaleX(1);}
.tpill:hover{color:#fff;border-color:var(--blue);transform:translateY(-4px);box-shadow:var(--shadow-s);}
.tpill span,.tpill .tico{position:relative;z-index:1;}
.tpill .tico{font-size:17px;}

/* ════════════════════════════
   CTA
════════════════════════════ */
#cta{padding:120px 7%;background:var(--ink);position:relative;overflow:hidden;}
#cta::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;pointer-events:none;}
#cta::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),var(--blue-l),var(--gold),transparent);opacity:.7;}
/* Wireframe */
.cta-wire{position:absolute;right:5%;top:50%;transform:translateY(-50%);width:400px;height:400px;opacity:.055;pointer-events:none;}
.cta-wire svg{width:100%;height:100%;animation:wireframeSpin 22s linear infinite;}
.cta-inner{position:relative;z-index:2;max-width:740px;}
.cta-inner .eyebrow{color:var(--gold-l);}
.cta-inner .eyebrow::before{background:var(--gold);}
.cta-inner .h2{color:#fff;font-size:clamp(2.4rem,4.5vw,4.5rem);}
.cta-inner .h2 em{color:var(--gold-l);}
.cta-inner .body-p{color:rgba(255,255,255,.6);margin-bottom:32px;}
.cta-feats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;}
/* Glass feat chips */
.cfeat{display:flex;align-items:center;gap:8px;padding:9px 16px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:60px;font-family:var(--f-nav);font-size:11.5px;font-weight:600;letter-spacing:.06em;color:rgba(255,255,255,.65);transition:all .3s;}
.cfeat:hover{color:#fff;border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.12);}
.cfeat::before{content:'✦';font-size:8px;color:var(--gold);}
.cta-btns{display:flex;gap:14px;flex-wrap:wrap;}
.btn-gold{display:inline-flex;align-items:center;gap:10px;padding:15px 36px;background:var(--gold);color:var(--ink);font-family:var(--f-nav);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;position:relative;overflow:hidden;transition:all .35s var(--ease);}
.btn-gold:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(201,168,76,.38);}
.btn-gold::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translateX(-130%) skewX(-18deg);transition:transform .5s;}
.btn-gold:hover::before{transform:translateX(200%) skewX(-18deg);}
.btn-white-glass{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border:1.5px solid rgba(255,255,255,.2);color:#fff;font-family:var(--f-nav);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:6px;transition:all .35s var(--ease);}
.btn-white-glass:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);transform:translateY(-4px);}
/* Contacts */
.cta-contacts{display:flex;gap:28px;flex-wrap:wrap;margin-top:44px;padding-top:36px;border-top:1px solid rgba(255,255,255,.08);}
.cct{display:flex;align-items:flex-start;gap:12px;}
.cct-ic{width:38px;height:38px;border:1px solid rgba(255,255,255,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:15px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);flex-shrink:0;}
.cct-lbl{font-family:var(--f-nav);font-size:10px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.38);margin-bottom:3px;}
.cct-val{font-size:13.5px;color:#fff;font-weight:500;}

/* ════════════════════════════
   RESPONSIVE — TABLET 1100px
════════════════════════════ */
@media(max-width:1100px){
  /* HERO */
  #hero{grid-template-columns:1fr;padding:100px 6% 70px;gap:48px;}
  .hero-right{height:400px;width:100%;}
  .hr-fc1,.hr-fc2{display:none;}
  .hero-circle-deco{width:220px;height:220px;right:-40px;top:-40px;}
  /* SERVICES */
  .services-top{grid-template-columns:1fr;gap:40px;}
  .svc-img-wrap{height:300px;}
  .svc-img-main{inset:0 0 0 0;}
  .svc-glass-badge{left:16px;bottom:16px;}
  /* SHOWCASE */
  .sg{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:14px;}
  .sg-large{grid-row:1/2;grid-column:1/3;}
  .sg-large img{height:300px;}
  .sg-tr img,.sg-tr2 img,.sg-br img,.sg-br2 img{height:220px;}
  .showcase-head{grid-template-columns:1fr;gap:30px;}
  .showcase-head-r{justify-content:flex-start;}
  /* WHY */
  .why-grid{grid-template-columns:1fr;gap:48px;}
  .why-vis{height:340px;}
  .why-glass-card{right:16px;bottom:16px;}
  /* PROCESS */
  .proc-head{grid-template-columns:1fr;gap:24px;}
  .proc-steps{grid-template-columns:1fr 1fr;gap:24px;}
  .proc-steps::before{display:none;}
  /* SPACES */
  .spaces-mason{grid-template-columns:1fr 1fr;grid-template-rows:260px 260px;gap:14px;}
  .sp-wide{grid-column:1/3;}
  .sp-tall{grid-row:1/2;grid-column:auto;}
  .sp-wide img{height:260px;}
  /* STATS */
  .stats-inner{grid-template-columns:1fr;gap:36px;}
  .stats-nums{min-width:auto;grid-template-columns:repeat(2,1fr);}
  /* TESTIMONIALS */
  .test-grid{grid-template-columns:1fr 1fr;gap:16px;}
  /* TECH */
  .tech-row{gap:28px;}
}

/* ════════════════════════════
   RESPONSIVE — MOBILE 768px
════════════════════════════ */
@media(max-width:768px){
  /* GLOBAL section padding */
  section{padding-left:5% !important;padding-right:5% !important;}
  #hero{padding:80px 5% 56px !important;gap:32px;}

  /* HERO */
  .hero-h1{font-size:clamp(2.5rem,11vw,3.6rem);}
  .hero-badge{font-size:10px;padding:8px 16px;letter-spacing:.14em;}
  .hero-p{font-size:.92rem;line-height:1.8;}
  .hero-actions{flex-direction:column;gap:12px;}
  .hero-actions .btn-blue,.hero-actions .btn-glass-dark{width:100%;justify-content:center;padding:15px 24px;font-size:13px;}
  .hero-stats{grid-template-columns:repeat(3,1fr);}
  .hs-n{font-size:1.6rem;}
  .hs-l{font-size:9px;letter-spacing:.08em;}
  .hr-main{width:100%;height:300px;}

  /* TICKER */
  .ti{font-size:10px;padding:0 20px;letter-spacing:.14em;}

  /* SERVICES */
  #services{padding:80px 5% !important;}
  .services-top{gap:32px;}
  .svc-img-wrap{height:250px;}
  .svc-grid{grid-template-columns:1fr;gap:1px;}
  .svc-grid-3{grid-template-columns:1fr;}
  .cat-grid{grid-template-columns:1fr 1fr;}
  .sc{padding:24px 20px;}
  .sc h3{font-size:1.08rem;}
  .sc p{font-size:12px;}

  /* SHOWCASE */
  #showcase{padding:80px 5% !important;}
  .sg{grid-template-columns:1fr;gap:12px;}
  .sg-large{grid-column:auto;}
  .sg-large img,.sg-tr img,.sg-tr2 img,.sg-br img,.sg-br2 img{height:220px;}
  .scard-glass-inner{padding:10px 13px;}
  .scard-glass-inner h3{font-size:.92rem;}

  /* WHY */
  #why{padding:80px 5% !important;}
  .why-vis{height:280px;}
  .why-feats{grid-template-columns:1fr;gap:12px;}
  .wfc{padding:20px 16px;}
  .wfc h4{font-size:.95rem;}

  /* PROCESS */
  #process{padding:80px 5% !important;}
  .proc-steps{grid-template-columns:1fr;gap:20px;}
  .pstep{flex-direction:row;align-items:flex-start;gap:16px;padding:0;}
  .pnode{width:56px;height:56px;flex-shrink:0;margin-bottom:0;}
  .pnum{font-size:1.1rem;}
  .pstep h4{text-align:left;font-size:.9rem;margin-bottom:5px;}
  .pstep p{text-align:left;font-size:11px;}

  /* SPACES */
  #spaces{padding:80px 5% !important;}
  .spaces-mason{grid-template-columns:1fr;grid-template-rows:auto;gap:12px;}
  .sp-wide,.sp-tall{grid-column:auto;grid-row:auto;}
  .spcard{height:220px;}
  .spcard img{height:220px;}

  /* STATS */
  #stats{padding:64px 5% !important;}
  .stats-txt h2{font-size:clamp(1.6rem,6vw,2.2rem);}
  .stats-txt p{font-size:.88rem;}
  .stats-nums{grid-template-columns:repeat(2,1fr);}
  .snum{padding:20px 16px;}
  .snum .n{font-size:2rem;}

  /* TESTIMONIALS */
  #testimonials{padding:80px 5% !important;}
  .test-grid{grid-template-columns:1fr;gap:14px;}
  .tcard{padding:24px 20px;}
  .t-quote{font-size:13px;}

  /* TECH */
  #tech{padding:56px 5% !important;}
  .tech-row{flex-direction:column;align-items:flex-start;gap:24px;}
  .tech-pills{gap:8px;}
  .tpill{padding:10px 16px;font-size:12px;}

  /* CTA */
  #cta{padding:80px 5% !important;}
  .cta-inner h2.h2{font-size:clamp(2rem,8vw,3rem);}
  .cta-wire{display:none;}
  .cta-feats{gap:8px;}
  .cfeat{font-size:11px;padding:8px 13px;}
  .cta-btns{flex-direction:column;gap:12px;}
  .cta-btns .btn-gold,.cta-btns .btn-white-glass{width:100%;justify-content:center;padding:15px 24px;}
  .cta-contacts{flex-direction:column;gap:16px;}

  /* SECTION LABELS */
  .h2{font-size:clamp(1.9rem,7vw,2.6rem);}
  .eyebrow{font-size:10px;letter-spacing:.2em;}
}

/* ════════════════════════════
   RESPONSIVE — SMALL MOBILE 480px
════════════════════════════ */
@media(max-width:480px){
  #hero{padding:72px 4% 50px !important;}
  .hero-h1{font-size:clamp(2.2rem,13vw,3rem);}
  .hero-h1 .l4 .inner{-webkit-text-stroke:1px var(--blue);}
  .hero-stats{grid-template-columns:1fr;border-radius:10px;}
  .hs{border-right:none;border-bottom:1px solid var(--border);}
  .hs:last-child{border-bottom:none;}
  .hero-badge{font-size:9.5px;padding:7px 14px;}
  section{padding-left:4% !important;padding-right:4% !important;}
  .h2{font-size:clamp(1.75rem,8vw,2.2rem);}
  .gold-bar{margin:12px 0 22px;}
  .proc-steps{gap:16px;}
  .pnode{width:48px;height:48px;}
  .pnum{font-size:1rem;}
  .cat-grid{grid-template-columns:1fr;}
  .sc{padding:20px 16px;}
  .stats-nums{grid-template-columns:repeat(2,1fr);}
  .snum .n{font-size:1.75rem;}
  .tcard{padding:20px 16px;}
  .t-quote{font-size:12.5px;}
  .cta-contacts{gap:14px;}
  .cct-val{font-size:13px;}
}

/* ════════════════════════════
   RESPONSIVE — TINY 360px
════════════════════════════ */
@media(max-width:380px){
  .hero-h1{font-size:clamp(2rem,14vw,2.6rem);}
  .hero-stats{grid-template-columns:1fr;}
  .btn-blue,.btn-glass-dark,.btn-gold,.btn-white-glass{padding:14px 18px;font-size:12px;}
  .tpill{padding:9px 13px;font-size:11.5px;}
  .cfeat{font-size:10.5px;padding:7px 12px;}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;}
}