/* Architectural square surfaces. Background-only refinement for the Clarity theme. */
body.clarity-home.d1{overflow-x:clip}
body.clarity-home.d1 .clarity-hero-surface{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(112deg,#eff5fd 0%,#e8f0fc 43%,#dfeafb 76%,#e6f2eb 100%);
  border-bottom:1px solid #ccdbef;
}
body.clarity-home.d1 .clarity-hero-surface::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:linear-gradient(#7094c329 1px,transparent 1px),linear-gradient(90deg,#7094c329 1px,transparent 1px);
  background-size:72px 72px;
  background-position:center top;
  -webkit-mask-image:linear-gradient(90deg,#0007,#000a 40%,#000 72%);
  mask-image:linear-gradient(90deg,#0007,#000a 40%,#000 72%);
}
body.clarity-home.d1 .clarity-hero-surface::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(0deg,#dfeafb66,transparent 22%,transparent 85%,#f4f8ff40);
  box-shadow:0 1px 0 #fff9 inset,0 -1px 0 #fff7 inset;
}
body.clarity-home.d1 .clarity-hero-surface>.d1-hero{
  position:relative;
  z-index:2;
}
body.clarity-home.d1 .clarity-hero-surface .d1-hero::before{
  display:none;
}
body.clarity-home.d1 .clarity-hero-surface .d1-hero-copy{
  position:relative;
  z-index:2;
}
body.clarity-home.d1 .clarity-hero-surface .d1-workbench{
  background:linear-gradient(145deg,#f5f9ffed,#edf4fff2);
  border-color:#c7d9f2;
  box-shadow:0 24px 54px -30px #2a4f8a55,0 2px 0 #ffffffd9 inset;
}
body.clarity-home.d1 .clarity-hero-surface .d1-hero-note{
  border-top-color:#cbdcf0;
}
body.clarity-home.d1 .clarity-square-field{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:1;
  pointer-events:none;
}
body.clarity-home.d1 .clarity-square-field>i{
  --square-ink:#7195c5;
  position:absolute;
  display:block;
  width:100px;
  aspect-ratio:1;
  border:1px solid #84a5d170;
  background:#c8dbf338;
  box-shadow:0 8px 20px #42679b07,0 1px 0 #ffffff70 inset;
  border-radius:2px;
  color:var(--square-ink);
  opacity:.8;
  pointer-events:none;
}
body.clarity-home.d1 .clarity-square-field>i::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid currentColor;
  opacity:.32;
  border-radius:1px;
  pointer-events:none;
}
body.clarity-home.d1 .clarity-square-field>i::before{
  content:"";
  position:absolute;
  top:-3px;
  left:-3px;
  width:5px;
  height:5px;
  background:currentColor;
  opacity:.55;
  pointer-events:none;
}
body.clarity-home.d1 .clarity-square-field>i:nth-child(1){
  width:128px;
  left:-66px;
  top:92px;
  background:#c7daf34d;
  opacity:.62;
}
body.clarity-home.d1 .clarity-square-field>i:nth-child(2){
  width:49px;
  left:45.5%;
  top:25px;
  background:#d1e1f866;
  border-color:#88aad47a;
}
body.clarity-home.d1 .clarity-square-field>i:nth-child(2)::after{inset:8px}
body.clarity-home.d1 .clarity-square-field>i:nth-child(3){
  --square-ink:#7aa792;
  width:89px;
  left:56%;
  top:-36px;
  background:#c4e1d46e;
  border-color:#89b3a37d;
  opacity:.75;
}
body.clarity-home.d1 .clarity-square-field>i:nth-child(4){
  width:150px;
  right:-61px;
  top:63px;
  background:#bfd3ef61;
  border-color:#7d9fce80;
}
body.clarity-home.d1 .clarity-square-field>i:nth-child(5){
  --square-ink:#6d9d86;
  width:66px;
  right:3%;
  bottom:51px;
  background:#bcdccb66;
  border-color:#83ab9580;
}
body.clarity-home.d1 .clarity-square-field>i:nth-child(5)::after{inset:9px}
body.clarity-home.d1 .clarity-square-field>i:nth-child(6){
  width:41px;
  left:7%;
  bottom:13px;
  background:#c9dbf44d;
  border-color:#95b1d86b;
  opacity:.7;
}
body.clarity-home.d1 .clarity-square-field>i:nth-child(6)::after{inset:7px}
body.clarity-home.d1 .clarity-square-field>i:nth-child(7){
  width:73px;
  right:16%;
  top:-38px;
  background:#c4d8f36b;
  border-color:#7d9dca75;
}
body.clarity-home.d1 .clarity-square-field>i:nth-child(8){
  width:106px;
  left:43%;
  bottom:-43px;
  background:#c4d8f440;
  border-color:#86a8d475;
  opacity:.72;
}

/* Full-width surfaces sit behind the existing constrained section grids. */
body.clarity-home.d1 :is(#services,#documents,#contact){
  position:relative;
  isolation:isolate;
}
body.clarity-home.d1 :is(#services,#documents,#contact)::before{
  content:"";
  position:absolute;
  inset-block:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  z-index:-1;
  pointer-events:none;
}
body.clarity-home.d1 #services::before{
  background-color:#f0f5fc;
  background-image:linear-gradient(#9eb7d812 1px,transparent 1px),linear-gradient(90deg,#9eb7d812 1px,transparent 1px),linear-gradient(125deg,#f0f5fc,#e9f1fd);
  background-size:112px 112px,112px 112px,100% 100%;
  background-position:center top;
  box-shadow:0 1px 0 #dbe6f4 inset,0 -1px 0 #dbe6f4 inset;
}
body.clarity-home.d1 #documents::before{
  background-color:#edf5f0;
  background-image:linear-gradient(#7d9e8916 1px,transparent 1px),linear-gradient(90deg,#7d9e8916 1px,transparent 1px),linear-gradient(108deg,#f0f6f2,#e8f2ed 70%,#eaf2f8);
  background-size:96px 96px,96px 96px,100% 100%;
  background-position:center top;
  box-shadow:0 1px 0 #d8e7df inset,0 -1px 0 #d8e7df inset;
}
body.clarity-home.d1 #contact::before{
  background-color:#eaf1fb;
  background-image:linear-gradient(#7a9cc51c 1px,transparent 1px),linear-gradient(90deg,#7a9cc51c 1px,transparent 1px),linear-gradient(118deg,#eaf2fd 14%,#e3eefc 62%,#e7f2ed);
  background-size:88px 88px,88px 88px,100% 100%;
  background-position:center top;
  box-shadow:0 1px 0 #d0e0f2 inset;
}
body.clarity-home.d1 .d1-process{
  background-color:#e6effb;
  background-image:linear-gradient(180deg,#e7f0fc,#e0ebf9);
  border-color:#ceddf0;
}
body.clarity-home.d1 .d1-faq-section{
  background:#eaf0f7;
  border-color:#d4e0ee;
}
body.clarity-home.d1 .d1-benefits{
  background:linear-gradient(180deg,#e8f0fb,#edf4fd);
  border-color:#ccdcef;
}
body.clarity-home.d1 .d1-benefit-grid>div{border-left-color:#cbdcf1}

/* Reuse the same architectural language for native inner-page introduction panels. */
body.clarity-inner.d1 :is(.page-hero,.clarity-page-hero){
  background-color:#eaf2fd;
  background-image:linear-gradient(#83a3cc1e 1px,transparent 1px),linear-gradient(90deg,#83a3cc1e 1px,transparent 1px),linear-gradient(115deg,#eff5fd,#e4eefc 74%,#e9f3ed);
  background-size:72px 72px,72px 72px,100% 100%;
  background-position:center top;
  border-bottom-color:#d1dff0;
}

/* Only two peripheral tiles breathe; typography and grid remain completely still. */
body.clarity-home.d1.motion-ready:not(.motion-paused):not(.motion-reduced) .clarity-square-field>i:nth-child(2){
  animation:clarity-architectural-square 12s ease-in-out infinite;
}
body.clarity-home.d1.motion-ready:not(.motion-paused):not(.motion-reduced) .clarity-square-field>i:nth-child(7){
  animation:clarity-architectural-square 14s ease-in-out -6s infinite;
}
body.clarity-home.d1.motion-offscreen .clarity-square-field>i{animation-play-state:paused!important}
body.clarity-home.d1.motion-paused .clarity-square-field>i,
body.clarity-home.d1.motion-reduced .clarity-square-field>i{animation:none!important}
@keyframes clarity-architectural-square{
  0%,100%{opacity:.5}
  50%{opacity:.86}
}
@media(min-width:1700px){
  body.clarity-home.d1 .clarity-square-field>i:nth-child(1){left:4%;top:88px;width:142px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(4){right:4%;width:160px}
}
@media(max-width:1100px){
  body.clarity-home.d1 .clarity-square-field>i:nth-child(1){left:-81px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(2){left:43%;width:42px;top:18px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(4){right:-88px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(5){right:-20px;width:56px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(8){left:39%;width:88px}
}
@media(max-width:900px){
  body.clarity-home.d1 .clarity-hero-surface{
    background:linear-gradient(153deg,#eff5fd 3%,#eaf2fd 43%,#dfeafb 79%,#e6f1ec);
  }
  body.clarity-home.d1 .clarity-hero-surface::before{
    -webkit-mask-image:linear-gradient(#0008,#000b 45%,#000);
    mask-image:linear-gradient(#0008,#000b 45%,#000);
  }
  body.clarity-home.d1 .clarity-square-field>i:nth-child(2){left:auto;right:8%;top:26px;width:54px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(3){left:67%;top:-38px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(4){right:-55px;top:41%;width:132px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(5){right:7%;bottom:25px;width:49px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(6){left:8%;bottom:21%;width:57px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(7){right:auto;left:-40px;top:45%;width:85px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(8){left:24%;bottom:-55px;width:96px}
}
@media(max-width:600px){
  body.clarity-home.d1 .clarity-hero-surface{
    background:linear-gradient(155deg,#edf4fd 0%,#e7effc 45%,#dfeafb 83%,#e9f3ee);
  }
  body.clarity-home.d1 .clarity-hero-surface::before{
    background-size:56px 56px;
    background-image:linear-gradient(#7d9ec526 1px,transparent 1px),linear-gradient(90deg,#7d9ec526 1px,transparent 1px);
    -webkit-mask-image:linear-gradient(#0009,#000a 40%,#000);
    mask-image:linear-gradient(#0009,#000a 40%,#000);
  }
  body.clarity-home.d1 .clarity-square-field>i{box-shadow:0 1px 0 #ffffff70 inset}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(1){left:-50px;top:117px;width:68px;opacity:.5}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(2){right:13px;top:10px;width:34px;opacity:.62}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(2)::after{inset:6px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(3){left:67%;top:-34px;width:61px;opacity:.6}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(4){right:-58px;top:43%;width:92px;opacity:.65}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(5){right:15px;bottom:13px;width:37px;opacity:.7}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(5)::after{inset:6px}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(6){left:-25px;bottom:16%;width:55px;opacity:.6}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(7){left:-43px;top:42%;width:71px;opacity:.6}
  body.clarity-home.d1 .clarity-square-field>i:nth-child(8){left:35%;bottom:-43px;width:74px;opacity:.55}
  body.clarity-home.d1 .clarity-hero-surface .d1-workbench{
    background:linear-gradient(150deg,#f6fafff5,#edf4fff7);
    box-shadow:0 18px 35px -25px #284f8947,0 2px 0 #ffffffd9 inset;
  }
  body.clarity-home.d1 #services::before{background-size:84px 84px,84px 84px,100% 100%}
  body.clarity-home.d1 #documents::before{background-size:80px 80px,80px 80px,100% 100%}
  body.clarity-home.d1 #contact::before{background-size:64px 64px,64px 64px,100% 100%}
  body.clarity-inner.d1 :is(.page-hero,.clarity-page-hero){background-size:56px 56px,56px 56px,100% 100%}
}
@media(prefers-reduced-motion:reduce){
  body.clarity-home.d1 .clarity-square-field>i{animation:none!important;transition:none!important}
}