.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(48px,6vw,70px) 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(2.2rem,4.8vw,3.25rem); 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; } }