.condominium-lp-page {
   --condo-navy: #173b5f;
   --condo-navy-dark: #102d49;
   --condo-teal: #1f9da5;
   --condo-gold: #b88d4a;
   --condo-cream: #fbf8f1;
   --condo-line: rgba(23,59,95,.16);
   color: var(--tb-ink);
   
}

.condominium-lp-page .condominium-hero {
    padding: clamp(10px, 2vw, 10px) 0 88px;   
   	background: linear-gradient(135deg,#eef6f8 0%,#fff 58%,#fbf8f1 100%);
}

.condominium-lp-page .condominium-hero__grid,.condominium-lp-page .condominium-copy-layout {
   display:grid;
   grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
   gap:clamp(24px,4vw,70px);
   align-items:center;
   
}

.condominium-lp-page .condominium-hero__content,.condominium-lp-page .condominium-copy-layout>* {
   min-width:0;
   
}

.condominium-lp-page .breadcrumb {
   /*margin-bottom:52px;*/
   
}

.condominium-lp-page .condominium-label {
   margin:0 0 19px;
   color:var(--condo-teal);
   font-size:.76rem;
   font-weight:800;
   letter-spacing:.18em;
   
}

.condominium-lp-page h1,.condominium-lp-page h2,.condominium-lp-page h3,.condominium-lp-page p,.condominium-lp-page li {
   overflow-wrap:anywhere;
   
}

.condominium-lp-page h1 {
   margin:0;
   color:var(--condo-navy-dark);
    font-size: clamp(1.8rem, 3.8vw, 2.85rem);
   line-height:1.25;
   letter-spacing:.01em;
   
}

.condominium-lp-page h1 em {
   color:var(--condo-teal);
   font-style:normal;
   
}

.condominium-lp-page h2 {
   margin:0;
   color:var(--condo-navy-dark);
   font-size:clamp(1.8rem,3.3vw,3rem);
   line-height:1.45;
   
}

.condominium-lp-page .condominium-section--navy h2,.condominium-lp-page .condominium-section--navy h3,.condominium-lp-page .condominium-section--navy p,.condominium-lp-page .condominium-section--navy li {
   color:#fff;
   
}

.condominium-lp-page .condominium-lead {
   margin:27px 0 0;
   color:var(--tb-muted);
   line-height:2;
   
}

.condominium-lp-page .condominium-actions {
   display:flex;
   flex-wrap:wrap;
   gap:12px;
   margin-top:32px;
   
}

.condominium-lp-page .condominium-note {
   margin:24px 0 0;
   color:var(--tb-muted);
   font-size:.88rem;
   line-height:1.8;
   
}

.condominium-lp-page .condominium-note--center {
   text-align:center;
   
}
.condominium-lp-page .condominium-note--light {
   color:rgba(255,255,255,.8);
   
}

.condominium-lp-page .condominium-hero-visual {
   position:relative;
   min-height:500px;
   padding:28px;
   border:1px solid rgba(31,157,165,.18);
   border-radius:30px;
   background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.98),rgba(231,245,246,.88) 62%,rgba(251,248,241,.78));
   box-shadow:0 22px 55px rgba(23,59,95,.12);
   
}

.condominium-lp-page .condominium-hero-visual__line {
   position:absolute;
   left:50%;
   width:1px;
   background:linear-gradient(to bottom,transparent,rgba(31,157,165,.45),transparent);
   transform-origin:center;
   
}
.condominium-lp-page .condominium-hero-visual__line--one {
   top:102px;
   height:250px;
   transform:rotate(62deg);
   
}
.condominium-lp-page .condominium-hero-visual__line--two {
   top:102px;
   height:250px;
   transform:rotate(-62deg);
   
}

.condominium-lp-page .condominium-hero-node,.condominium-lp-page .condominium-hero-core {
   position:absolute;
   display:grid;
   place-items:center;
   text-align:center;
   
}
.condominium-lp-page .condominium-hero-node {
   width:190px;
   min-height:122px;
   padding:17px 13px;
   border:1px solid rgba(31,157,165,.2);
   border-top:4px solid var(--condo-teal);
   border-radius:18px;
   background:rgba(255,255,255,.96);
   box-shadow:0 12px 24px rgba(23,59,95,.08);
   
}

.condominium-lp-page .condominium-hero-node span {
   color:var(--condo-gold);
   font-size:.7rem;
   font-weight:800;
   letter-spacing:.12em;
   
}
.condominium-lp-page .condominium-hero-node strong {
   margin-top:8px;
   color:var(--condo-navy);
   font-size:1.03rem;
   
}
.condominium-lp-page .condominium-hero-node small {
   margin-top:5px;
   color:var(--tb-muted);
   font-size:.76rem;
   
}

.condominium-lp-page .condominium-hero-node--board {
   top:45px;
   left:50%;
   transform:translateX(-50%);
   
}
.condominium-lp-page .condominium-hero-node--resident {
   bottom:45px;
   left:28px;
   border-top-color:#2e9a72;
   
}
.condominium-lp-page .condominium-hero-node--vendor {
   right:28px;
   bottom:45px;
   border-top-color:var(--condo-gold);
   
}

.condominium-lp-page .condominium-hero-core {
   top:50%;
   left:50%;
   width:218px;
   min-height:156px;
   padding:24px;
   border-radius:50%;
   background:linear-gradient(145deg,var(--condo-navy),#236b7e);
   color:#fff;
   transform:translate(-50%,-50%);
   box-shadow:0 18px 36px rgba(23,59,95,.18);
   
}
.condominium-lp-page .condominium-hero-core small {
   color:#a9ebe4;
   font-size:.68rem;
   font-weight:800;
   letter-spacing:.16em;
   
}
.condominium-lp-page .condominium-hero-core strong {
   margin-top:9px;
   font-size:1.12rem;
   line-height:1.5;
   
}
.condominium-lp-page .condominium-hero-core span {
   margin-top:7px;
   color:rgba(255,255,255,.78);
   font-size:.76rem;
   line-height:1.6;
   
}

.condominium-lp-page .condominium-section {
   padding:clamp(72px,9vw,128px) 0;
   background:#fff;
   
}
.condominium-lp-page .condominium-section--warm {
   background:var(--condo-cream);
   
}
.condominium-lp-page .condominium-section--navy {
   background:linear-gradient(135deg,var(--condo-navy-dark),#1b536b);
   
}
.condominium-lp-page .condominium-section--contact {
   background:linear-gradient(135deg,#e9f5f5,#fbf8f1);
   
}

.condominium-lp-page .condominium-copy-layout {
   align-items:start;
   
}
.condominium-lp-page .condominium-copy {
   max-width:820px;
   color:var(--tb-muted);
   line-height:2;
   
}
.condominium-lp-page .condominium-copy--wide {
   max-width:900px;
   margin-top:26px;
   
}
.condominium-lp-page .condominium-copy p {
   margin:0;
   
}
.condominium-lp-page .condominium-copy p+p {
   margin-top:1.15em;
   
}
.condominium-lp-page .condominium-callout {
   margin-top:28px!important;
   padding:16px 20px;
   border-left:4px solid var(--condo-gold);
   color:var(--condo-navy)!important;
   font-weight:800;
   
}
.condominium-lp-page .condominium-section--navy .condominium-callout {
   color:#fff!important;
   
}

.condominium-lp-page .condominium-card-grid {
   display:grid;
   gap:18px;
   margin-top:40px;
   
}
.condominium-lp-page .condominium-card-grid--3 {
   grid-template-columns:repeat(3,minmax(0,1fr));
   
}
.condominium-lp-page .condominium-card-grid--4 {
   grid-template-columns:repeat(4,minmax(0,1fr));
   
}
.condominium-lp-page .condominium-card-grid--5 {
   grid-template-columns:repeat(5,minmax(0,1fr));
   
}

.condominium-lp-page .condominium-card,.condominium-lp-page .condominium-feature {
   min-width:0;
   padding:28px 22px;
   border:1px solid var(--condo-line);
   border-top:4px solid var(--condo-teal);
   border-radius:18px;
   background:#fff;
   box-shadow:0 15px 34px rgba(23,59,95,.06);
   
}
.condominium-lp-page .condominium-card>span,.condominium-lp-page .condominium-feature>span {
   display:block;
   color:var(--condo-gold);
   font-size:2.35rem;
   font-weight:300;
   line-height:1;
   
}
.condominium-lp-page .condominium-card h3,.condominium-lp-page .condominium-feature h3 {
   margin:17px 0 0;
   color:var(--condo-navy);
   font-size:1.05rem;
   line-height:1.5;
   
}
.condominium-lp-page .condominium-card p,.condominium-lp-page .condominium-card li,.condominium-lp-page .condominium-feature p {
   color:var(--tb-muted);
   line-height:1.8;
   
}
.condominium-lp-page .condominium-card p {
   margin:15px 0 0;
   
}
.condominium-lp-page .condominium-card ul,.condominium-lp-page .condominium-security-grid ul,.condominium-lp-page .condominium-feature ul {
   margin:18px 0 0;
   padding-left:1.1em;
   
}
.condominium-lp-page .condominium-card li+li,.condominium-lp-page .condominium-security-grid li+li {
   margin-top:6px;
   
}

.condominium-lp-page .condominium-mini-card {
   min-width:0;
   padding:24px 19px;
   border:1px solid rgba(255,255,255,.25);
   border-radius:15px;
   background:rgba(255,255,255,.09);
   
}
.condominium-lp-page .condominium-mini-card b {
   color:#9de4df;
   font-size:1.6rem;
   font-weight:300;
   
}
.condominium-lp-page .condominium-mini-card h3 {
   margin:15px 0 0;
   font-size:1.05rem;
   line-height:1.5;
   
}
.condominium-lp-page .condominium-mini-card>strong {
   display:block;
   margin-top:7px;
   color:#a9ebe4;
   font-size:.72rem;
   letter-spacing:.04em;
   
}
.condominium-lp-page .condominium-mini-card p {
   margin:12px 0 0;
   color:rgba(255,255,255,.78);
   font-size:.88rem;
   line-height:1.8;
   
}

.condominium-lp-page .condominium-diagram {
   display:block;
   max-width:1160px;
   margin:46px auto 0;
   
}
.condominium-lp-page .condominium-diagram img {
   display:block;
   width:100%;
   height:auto;
   border-radius:22px;
   box-shadow:0 18px 40px rgba(23,59,95,.1);
   
}
.condominium-lp-page .condominium-section__cta {
   margin-top:30px;
   text-align:center;
   
}

.condominium-lp-page .condominium-timeline {
   display:grid;
   grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
   gap:10px;
   align-items:center;
   margin-top:40px;
   
}
.condominium-lp-page .condominium-timeline article {
   min-width:0;
   padding:20px 13px;
   border:1px solid rgba(31,157,165,.24);
   border-top:4px solid var(--condo-teal);
   border-radius:15px;
   background:#fff;
   text-align:center;
   
}
.condominium-lp-page .condominium-timeline b {
   display:block;
   color:var(--condo-gold);
   font-size:1.5rem;
   font-weight:300;
   
}
.condominium-lp-page .condominium-timeline strong {
   display:block;
   margin-top:8px;
   color:var(--condo-navy);
   font-size:.95rem;
   
}
.condominium-lp-page .condominium-timeline span {
   display:block;
   margin-top:5px;
   color:var(--tb-muted);
   font-size:.74rem;
   
}
.condominium-lp-page .condominium-timeline i {
   color:var(--condo-teal);
   font-size:1.2rem;
   font-style:normal;
   
}

.condominium-lp-page .condominium-compare {
   display:grid;
   gap:16px;
   margin-top:42px;
   
}
.condominium-lp-page .condominium-compare article {
   display:grid;
   grid-template-columns:minmax(140px,.3fr) minmax(0,.75fr) minmax(0,.9fr);
   gap:18px;
   align-items:stretch;
   padding:22px;
   border:1px solid var(--condo-line);
   border-radius:16px;
   background:#fff;
   
}
.condominium-lp-page .condominium-compare h3 {
   align-self:center;
   margin:0;
   color:var(--condo-navy);
   font-size:1.05rem;
   
}
.condominium-lp-page .condominium-compare article>div {
   padding:17px;
   border-radius:11px;
   background:#f2f5f6;
   
}
.condominium-lp-page .condominium-compare article .condominium-compare__after {
   background:#e5f3f1;
   
}
.condominium-lp-page .condominium-compare b {
   color:var(--condo-gold);
   font-size:.78rem;
   
}
.condominium-lp-page .condominium-compare__after b {
   color:var(--condo-teal);
   
}
.condominium-lp-page .condominium-compare p {
   margin:9px 0 0;
   color:var(--tb-muted);
   font-size:.9rem;
   line-height:1.75;
   
}

.condominium-lp-page .condominium-security-grid article {
   min-width:0;
   padding:28px 24px;
   border:1px solid var(--condo-line);
   border-top:4px solid var(--condo-teal);
   border-radius:16px;
   background:#fff;
   
}
.condominium-lp-page .condominium-security-grid h3 {
   margin:0;
   color:var(--condo-navy);
   font-size:1.2rem;
   
}
.condominium-lp-page .condominium-security-grid li {
   color:var(--tb-muted);
   line-height:1.75;
   
}
.condominium-lp-page .condominium-process-grid {
   display:grid;
   grid-template-columns:repeat(3,minmax(0,1fr));
   gap:16px;
   margin-top:42px;
   
}
.condominium-lp-page .condominium-process-grid article {
   min-width:0;
   padding:25px 22px;
   border:1px solid var(--condo-line);
   border-top:4px solid var(--condo-teal);
   border-radius:16px;
   background:#fff;
   
}
.condominium-lp-page .condominium-process-grid b {
   color:var(--condo-gold);
   font-size:.78rem;
   letter-spacing:.08em;
   
}
.condominium-lp-page .condominium-process-grid h3 {
   margin:12px 0 0;
   color:var(--condo-navy);
   font-size:1.02rem;
   line-height:1.5;
   
}
.condominium-lp-page .condominium-process-grid p {
   margin:14px 0 0;
   color:var(--tb-muted);
   line-height:1.75;
   
}

.condominium-lp-page .condominium-contact {
   max-width:850px;
   text-align:center;
   
}
.condominium-lp-page .condominium-contact h2 {
   color:var(--condo-navy);
   
}
.condominium-lp-page .condominium-contact>p {
   max-width:760px;
   margin:18px auto 0;
   color:var(--tb-muted);
   line-height:1.9;
   
}
.condominium-lp-page .condominium-contact .site-button {
   margin-top:28px;
   
}
.condominium-lp-page .condominium-contact small {
   display:block;
   margin-top:16px;
   color:var(--tb-muted);
   
}
.condominium-lp-page a:focus-visible {
   outline:3px solid rgba(31,157,165,.4);
   outline-offset:3px;
   
}

@media (max-width:1100px) {
   .condominium-lp-page .condominium-hero__grid {
     grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);
     gap:24px;
     
  }
  .condominium-lp-page .condominium-card-grid--5 {
     grid-template-columns:repeat(2,minmax(0,1fr));
     
  }
  .condominium-lp-page .condominium-card-grid--4 {
     grid-template-columns:repeat(2,minmax(0,1fr));
     
  }
   
}

@media (max-width:960px) {
   .condominium-lp-page .condominium-hero__grid,.condominium-lp-page .condominium-copy-layout {
     grid-template-columns:1fr;
     
  }
  .condominium-lp-page .condominium-hero-visual {
     max-width:820px;
     width:100%;
     margin:0 auto;
     
  }
  .condominium-lp-page .condominium-card-grid--3,.condominium-lp-page .condominium-process-grid {
     grid-template-columns:repeat(2,minmax(0,1fr));
     
  }
   
}

@media (max-width:720px) {
   .condominium-lp-page .condominium-hero {
     padding-bottom:68px;
     
  }
  .condominium-lp-page .breadcrumb {
     margin-bottom:30px;
     
  }
  .condominium-lp-page .condominium-actions {
     display:grid;
     
  }
  .condominium-lp-page .condominium-actions a {
     width:100%;
     justify-content:center;
     
  }
  .condominium-lp-page .condominium-hero-visual {
     min-height:430px;
     padding:18px;
     border-radius:23px;
     
  }
  .condominium-lp-page .condominium-hero-node {
     width:145px;
     min-height:106px;
     padding:13px 10px;
     
  }
  .condominium-lp-page .condominium-hero-node strong {
     font-size:.9rem;
     
  }
  .condominium-lp-page .condominium-hero-node small {
     font-size:.67rem;
     
  }
  .condominium-lp-page .condominium-hero-node--board {
     top:28px;
     
  }
  .condominium-lp-page .condominium-hero-node--resident {
     bottom:28px;
     left:13px;
     
  }
  .condominium-lp-page .condominium-hero-node--vendor {
     right:13px;
     bottom:28px;
     
  }
  .condominium-lp-page .condominium-hero-core {
     width:175px;
     min-height:130px;
     padding:17px;
     
  }
  .condominium-lp-page .condominium-hero-core strong {
     font-size:.98rem;
     
  }
  .condominium-lp-page .condominium-card-grid--3,.condominium-lp-page .condominium-card-grid--4,.condominium-lp-page .condominium-card-grid--5,.condominium-lp-page .condominium-process-grid {
     grid-template-columns:1fr;
     
  }
  .condominium-lp-page .condominium-timeline {
     grid-template-columns:1fr;
     gap:9px;
     
  }
  .condominium-lp-page .condominium-timeline i {
     display:block;
     text-align:center;
     transform:rotate(90deg);
     
  }
  .condominium-lp-page .condominium-compare article {
     grid-template-columns:1fr;
     gap:12px;
     padding:18px;
     
  }
  .condominium-lp-page .condominium-compare h3 {
     margin-bottom:2px;
     
  }
  .condominium-lp-page .condominium-diagram {
     margin-top:32px;
     
  }
  .condominium-lp-page .condominium-diagram img {
     border-radius:15px;
     
  }
   
}

@media (prefers-reduced-motion:reduce) {
   .condominium-lp-page *,.condominium-lp-page *::before,.condominium-lp-page *::after {
     scroll-behavior:auto!important;
     transition-duration:.01ms!important;
     animation-duration:.01ms!important;
     animation-iteration-count:1!important;
     
  }
   
}

.use-case-cover {
  
  padding: 10px 0 0;
  
  background: transparent;
  

}


.use-case-cover .site-shell {
  position: relative;
  
  overflow: hidden;
  
  border-radius: 20px;
  
  aspect-ratio: 20 / 9;
  

}

.use-case-cover__caption {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 2;
  margin: 0;
  padding: 10px 16px;
  border: 1px solid rgba(36, 87, 166, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .86);
  color: #16365c;
  font-family: "Kosugi Maru", sans-serif;
  font-size: clamp(.9rem, 1.6vw, 1.15rem);
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: .04em;
  box-shadow: 0 8px 20px rgba(23, 59, 95, .10);
}

.use-case-cover__caption strong {
  color: #1f9da5;
  font-weight: 900;
}

@media (min-width: 1025px) {
  .use-case-cover__caption {
    font-size: 1.35rem;
  }
}


.use-case-cover img {
  
  display: block;
  
  width: 100%;
  
  height: 111.111%;
  
  object-fit: cover;
  
  transform: translateY(-5.555%);
  

}


@media (max-width: 760px) {
  
  .use-case-cover .site-shell {
    
    border-radius: 14px;
    
  
  }

  .use-case-cover__caption {
    top: auto;
    bottom: 14px;
    left: 14px;
    padding: 8px 12px;
    font-size: .86rem;
  }
  

}