/* Houzez integration: the existing website becomes a starting point for content. */
.houzez-page { --hz-green:#174f43; --hz-soft:#edf5f1; }
.houzez-page figure { margin:0; min-width:0; }
.houzez-page .hz-example-note { font-size:.78rem; line-height:1.65; color:var(--muted); }
.hz-hero { padding:26px 0 0; background:radial-gradient(ellipse at 85% 28%,#eae2ff 0,transparent 52%),linear-gradient(125deg,#f0f7f3,#faf9fd 68%); }
.hz-hero .breadcrumbs { margin-bottom:20px; }
.hz-hero-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:40px; padding:20px 0 45px; }
.hz-hero-copy { max-width:600px; }
.hz-hero .eyebrow { font-size:.78rem; gap:13px; letter-spacing:.1em; }
.hz-houzez-name { color:var(--hz-green); font-weight:750; }
.hz-hero h1 { font-size:clamp(2.5rem,3.6vw,3.4rem); line-height:1.08; letter-spacing:-.048em; }
.hz-hero h1>span { color:var(--purple); }
.hz-lead { margin:23px 0 28px; font-size:1.075rem; line-height:1.8; max-width:530px; }
.hz-hero .actions { gap:11px; }
.hz-hero .button { padding-inline:19px; font-size:.94rem; }
.hz-hero .trial-note { margin-top:14px; }
.hz-hero-benefits { display:flex; flex-wrap:wrap; gap:12px 22px; margin-top:27px; }
.hz-hero-benefits>span { display:flex; align-items:center; gap:7px; font-size:.82rem; color:var(--hz-green); }
.hz-hero-benefits .icon { width:16px; height:16px; }
.hz-hero-art { min-width:0; padding:19px 0 0; }
.hz-art-caption { display:flex; justify-content:center; align-items:center; gap:12px; font-size:.8rem; }
.hz-art-caption>span { display:flex; align-items:center; gap:7px; color:var(--hz-green); }
.hz-art-caption strong { font-weight:600; }
.hz-art-caption .icon { width:17px; height:17px; }
.hz-hero-designs { position:relative; aspect-ratio:1.1; margin-top:22px; }
.hz-hero-feed { position:absolute; width:64%; left:4%; top:10%; transform:rotate(-5deg); }
.hz-hero-story { position:absolute; width:38%; right:2%; top:1%; transform:rotate(5deg); }
.hz-hero-designs .lp-example { box-shadow:0 22px 42px -14px #27212f50; border-radius:5px; }
.hz-hero-designs img { border-radius:5px; }
.hz-hero-art>.hz-example-note { text-align:center; margin-top:19px; }
.hz-page-nav { display:flex; justify-content:space-between; gap:22px; padding:23px 0; border-top:1px solid #dedce9; }
.hz-page-nav>span { color:var(--muted); font-size:.7rem; letter-spacing:.1em; align-self:center; }
.hz-page-nav>a { display:flex; align-items:center; gap:20px; font-size:.88rem; font-weight:600; }
.hz-page-nav>a:hover { color:var(--purple); }
.hz-page-nav .icon { height:16px; width:16px; transform:rotate(90deg); }
.hz-workflow { padding:39px 0; border-bottom:1px solid var(--line); }
.hz-workflow-inner { display:grid; grid-template-columns:1fr auto; align-items:center; gap:28px; }

.hz-workflow .eyebrow { font-size:.69rem; letter-spacing:.08em; margin-bottom:9px; }
.hz-workflow h2 { font-size:1.5rem; letter-spacing:-.025em; margin-bottom:10px; }
.hz-workflow p:not(.eyebrow) { max-width:725px; font-size:.92rem; line-height:1.75; }
.hz-workflow .text-link { font-size:.85rem; }
.hz-section-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:70px; align-items:end; margin-bottom:42px; }
.hz-section-heading>p,.hz-section-heading>div>p:not(.eyebrow) { font-size:1.05rem; line-height:1.8; }
.hz-section-heading .eyebrow,.hz-section-copy .eyebrow { font-size:.76rem; letter-spacing:.05em; }
.hz-design-grid { display:grid; grid-template-columns:1fr .83fr 1fr; gap:27px; }
.hz-design-stage { height:410px; padding:25px; display:flex; align-items:center; justify-content:center; background:#f0ede7; border-radius:18px; }
.hz-design-story .hz-design-stage { background:#f4eaf0; }
.hz-design-flyer .hz-design-stage { background:#edf0e6; }
.hz-design-stage .lp-example { max-height:100%; height:100%; max-width:100%; display:flex; align-items:center; justify-content:center; }
.hz-design-stage img { max-height:100%; height:auto; width:auto; max-width:100%; object-fit:contain; box-shadow:0 13px 30px #25232424; }
.houzez-page .lp-expand { opacity:1; font-size:.75rem; padding:8px 13px; }
.hz-design figcaption { padding:20px 0 0; }
.hz-design figcaption>div { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; }
.hz-design h3 { font-size:1.2rem; }
.hz-design figcaption span { color:var(--muted); font-size:.75rem; }
.hz-design figcaption p { font-size:.92rem; line-height:1.7; margin-top:10px; }
.hz-video-grid { margin-top:48px; display:grid; grid-template-columns:.68fr 1.32fr; gap:40px; align-items:end; }
.hz-reel-stage { border-radius:20px; padding:24px 35px; background:#e9edf2; display:flex; justify-content:center; }
.hz-reel video { width:100%; max-width:272px; aspect-ratio:9/16; border-radius:9px; background:#151823; box-shadow:0 15px 30px #17223528; }
.hz-video-copy { padding:8px 0 29px; max-width:620px; }
.hz-video-copy .eyebrow { font-size:.74rem; }
.hz-video-copy h3 { font-size:clamp(1.8rem,2.5vw,2.45rem); margin-bottom:16px; line-height:1.15; }
.hz-video-copy>p:last-child { font-size:1rem; line-height:1.8; }
.hz-landscape video { display:block; width:100%; aspect-ratio:16/9; background:#151823; border-radius:13px; }
.hz-video figcaption { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:8px; padding-top:16px; }
.hz-video figcaption h3 { font-size:1.1rem; }
.hz-video figcaption p { font-size:.78rem; }
.hz-examples-footer { margin-top:35px; padding-top:24px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:28px; }
.hz-examples-footer>p { max-width:440px; }
.hz-examples-footer>div { display:flex; flex-wrap:wrap; gap:16px 25px; }
.hz-examples-footer .text-link { font-size:.85rem; }
.hz-sync { background:var(--hz-soft); }
.hz-split { display:grid; grid-template-columns:.9fr 1.1fr; gap:70px; align-items:center; }
.hz-section-copy h2 { margin-bottom:22px; }
.hz-section-copy>p:not(.eyebrow) { font-size:1.04rem; line-height:1.85; max-width:515px; }
.hz-benefit-list { list-style:none; padding:0; display:grid; gap:25px; margin:30px 0; }
.hz-benefit-list li { display:flex; gap:15px; }
.hz-benefit-list li>.icon { color:var(--hz-green); width:22px; height:22px; margin-top:2px; }
.hz-benefit-list h3,.hz-everyday-list h3 { font-size:1rem; margin-bottom:7px; }
.hz-benefit-list p,.hz-everyday-list p { font-size:.94rem; line-height:1.75; }
.hz-connection-preview { border-radius:23px; background:#deeae3; padding:22px 22px 17px; }
.hz-connection-preview .lp-example { border-radius:12px; overflow:hidden; border:1px solid #d1dbd4; box-shadow:0 15px 30px -15px #294c4530; }
.hz-connection-preview figcaption { text-align:center; font-size:.75rem; margin-top:15px; color:#52645a; }
.hz-flow { margin-top:50px; border-top:1px solid #ccdcd3; padding-top:27px; display:flex; justify-content:space-between; align-items:center; gap:14px; }
.hz-flow>span { display:flex; align-items:center; gap:12px; color:var(--hz-green); font-size:.88rem; font-weight:600; }
.hz-flow b { font-size:.7rem; font-weight:550; color:#506d60; }
.hz-flow>.icon { color:#6e8d7f; width:17px; height:17px; }
.hz-everyday .hz-split { grid-template-columns:.92fr 1.08fr; }
.hz-everyday-list { list-style:none; margin:29px 0; padding:0; display:grid; gap:22px; }
.hz-everyday-art { padding:35px 26px 22px; background:#f5f1e9; border-radius:22px; display:grid; grid-template-columns:1fr 1fr; gap:22px; align-items:center; }
.hz-everyday-art figure:first-child { transform:translateY(-8px) rotate(-3deg); }
.hz-everyday-art figure:nth-child(2) { transform:translateY(14px) rotate(3deg); }
.hz-everyday-art .lp-example { box-shadow:0 12px 23px #4b392822; }
.hz-everyday-art figcaption { font-size:.74rem; text-align:center; color:#6c6256; margin-top:13px; }
.hz-everyday-art>.hz-example-note { grid-column:1/-1; text-align:center; margin-top:16px; }
.hz-calendar { background:#1e2538; color:#fff; }
.hz-calendar .eyebrow { color:#c3b1ff; }
.hz-calendar .hz-section-heading>div>p:not(.eyebrow) { color:#cbd0df; }
.hz-channels { display:flex; flex-wrap:wrap; gap:15px 22px; margin-top:23px; }
.hz-channels>span { display:flex; align-items:center; gap:7px; font-size:.8rem; color:#e6e8f2; }
.hz-channels .icon { width:18px; height:18px; }
.hz-calendar-preview .lp-example { border:7px solid #ffffff1a; border-radius:19px; overflow:hidden; background:#fff; }
.hz-calendar-preview figcaption { text-align:center; font-size:.77rem; color:#adb6cb; margin-top:16px; }
.hz-calendar-footer { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:27px; }
.hz-calendar-footer>p { color:#cbd0df; font-size:.92rem; max-width:550px; }
.hz-calendar-footer .text-link { color:#cebdff; font-size:.9rem; }
.hz-setup { border-bottom:1px solid var(--line); }
.hz-setup-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; list-style:none; padding:0; margin:0; }
.hz-setup-steps li { border-top:1px solid #d6d1e6; padding-top:20px; }
.hz-setup-steps li>span { display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#f0ebff; color:var(--purple); font-size:.85rem; font-weight:600; }
.hz-setup-steps h3 { font-size:1.2rem; margin:21px 0 14px; }
.hz-setup-steps p { font-size:.97rem; line-height:1.85; }
.hz-setup-footer { margin-top:35px; padding-top:26px; border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:40px; }
.hz-setup-footer>div { max-width:680px; }
.hz-setup-footer p { font-size:.87rem; line-height:1.75; margin-top:12px; }
.hz-setup-footer>.button { flex-shrink:0; }
.hz-closing .closing-panel { background:linear-gradient(120deg,#183c35,#292042 85%); }
.hz-closing .eyebrow { color:#bfd4c9; font-size:.75rem; }
.hz-closing .closing-actions { gap:17px; }
.hz-closing .closing-actions>.text-link { color:#e5dcff; }
@media(min-width:1440px) { .hz-design-stage { height:440px; } }
@media(max-width:1100px) {
  .hz-hero-grid { gap:25px; } .hz-hero h1 { font-size:2.7rem; } .hz-hero .button { padding-inline:16px; font-size:.875rem; }
  .hz-art-caption { font-size:.74rem; gap:8px; } .hz-art-caption .icon { width:14px; height:14px; }
  .hz-split,.hz-section-heading { gap:38px; } .hz-design-grid { gap:20px; } .hz-design-stage { height:345px; padding:20px; }
  .hz-video-grid { gap:30px; grid-template-columns:.75fr 1.25fr; } .hz-reel-stage { padding:25px; }
  .hz-workflow-inner { grid-template-columns:1fr; gap:20px; }  .hz-workflow .text-link { justify-self:start; }
  .hz-flow>span { gap:8px; font-size:.8rem; } .hz-everyday-art { padding-inline:20px; gap:16px; }
}
@media(max-width:850px) {
  .hz-hero-grid { grid-template-columns:1fr; gap:24px; padding-top:12px; } .hz-hero-copy { max-width:660px; } .hz-hero h1 { font-size:3rem; }
  .hz-lead { max-width:620px; } .hz-hero-art { max-width:560px; width:100%; justify-self:center; } .hz-art-caption { font-size:.83rem; }
  .hz-page-nav { flex-wrap:wrap; gap:18px 25px; justify-content:flex-start; } .hz-page-nav>span { width:100%; }
  .hz-section-heading { grid-template-columns:1fr; gap:22px; } .hz-section-heading>p,.hz-section-heading>div>p { max-width:590px; }
  .hz-design-grid { gap:17px; } .hz-design-stage { height:290px; padding:15px; }
  .hz-split,.hz-everyday .hz-split { grid-template-columns:1fr; gap:35px; }
  .hz-section-copy>p:not(.eyebrow) { max-width:650px; } .hz-connection-preview { max-width:640px; width:100%; justify-self:center; }
  .hz-everyday-art { max-width:620px; width:100%; justify-self:center; padding:36px 30px 22px; }
  .hz-flow { flex-wrap:wrap; gap:20px; justify-content:flex-start; } .hz-flow>.icon { display:none; }
  .hz-video-grid { grid-template-columns:.8fr 1.2fr; gap:24px; } .hz-video-copy h3 { font-size:1.8rem; } .hz-video-copy>p:last-child { font-size:.92rem; }
  .hz-video-copy { padding-bottom:22px; } .hz-reel-stage { padding:23px; }
  .hz-examples-footer,.hz-calendar-footer { align-items:flex-start; flex-direction:column; gap:20px; }
  .hz-setup-steps { gap:23px; } .hz-setup-footer { gap:25px; }
}
@media(max-width:600px) {
  .houzez-page .section { padding-block:58px; } .hz-hero { padding-top:18px; }
  .hz-hero h1 { font-size:clamp(2rem,8vw,2.6rem); } .hz-hero .eyebrow { font-size:.72rem; }
  .hz-lead { font-size:1rem; margin:21px 0 24px; } .hz-hero .actions { align-items:stretch; } .hz-hero .button { font-size:.84rem; padding-inline:15px; }
  .hz-hero-benefits { margin-top:22px; gap:10px 16px; } .hz-hero-benefits>span { font-size:.76rem; }
  .hz-art-caption { font-size:.72rem; gap:8px; } .hz-hero-designs { margin-top:18px; } .hz-hero-art>.hz-example-note { font-size:.69rem; }
  .hz-page-nav { padding-block:20px; column-gap:20px; } .hz-page-nav>a { font-size:.8rem; gap:8px; }
  .hz-workflow { padding-block:29px; } .hz-workflow-inner { grid-template-columns:1fr; gap:15px; }
   .hz-workflow h2 { font-size:1.2rem; }
  .hz-workflow .eyebrow { font-size:.62rem; } .hz-workflow p:not(.eyebrow) { font-size:.86rem; } .hz-workflow .text-link { font-size:.8rem; }
  .hz-section-heading { margin-bottom:29px; gap:18px; } .hz-section-heading>p,.hz-section-heading>div>p:not(.eyebrow) { font-size:1rem; }
  .hz-design-grid { grid-template-columns:1fr; gap:30px; } .hz-design-stage { height:390px; padding:25px; }
  .hz-design figcaption { padding-top:17px; } .hz-design h3 { font-size:1.17rem; }
  .houzez-page .lp-expand { display:flex; font-size:.73rem; bottom:12px; }
  .hz-video-grid { grid-template-columns:1fr; margin-top:34px; gap:33px; } .hz-reel-stage { padding:25px; }
  .hz-reel video { max-width:245px; } .hz-video-copy h3 { font-size:1.9rem; } .hz-video-copy>p:last-child { font-size:1rem; }
  .hz-video figcaption { gap:7px; } .hz-video figcaption p { font-size:.74rem; }
  .hz-examples-footer { margin-top:26px; padding-top:22px; } .hz-examples-footer>div { gap:15px; }
  .hz-benefit-list { gap:23px; } .hz-connection-preview { padding:12px 12px 15px; border-radius:17px; }
  .hz-connection-preview figcaption { font-size:.68rem; } .hz-section-copy>p:not(.eyebrow) { font-size:1rem; }
  .hz-flow { margin-top:33px; display:grid; grid-template-columns:1fr 1fr; gap:18px 12px; } .hz-flow>span { font-size:.78rem; }
  .hz-everyday-art { padding:27px 20px 20px; gap:17px; } .hz-everyday-art .lp-expand { font-size:.65rem; padding:6px 9px; gap:5px; }
  .hz-everyday-art .lp-expand .icon { width:13px; height:13px; } .hz-everyday-art figcaption { font-size:.68rem; }
  .hz-channels { gap:14px; } .hz-channels>span { font-size:.74rem; } .hz-calendar-preview .lp-example { border-width:4px; border-radius:10px; }
  .hz-calendar-preview figcaption { font-size:.71rem; } .hz-calendar-footer { margin-top:23px; } .hz-calendar-footer .text-link { font-size:.85rem; }
  .hz-setup-steps { grid-template-columns:1fr; gap:26px; } .hz-setup-steps h3 { margin-top:17px; }
  .hz-setup-footer { flex-direction:column; align-items:flex-start; gap:24px; } .hz-setup-footer .text-link { font-size:.9rem; }
  .hz-closing .eyebrow { font-size:.7rem; }
}
@media(prefers-reduced-motion:reduce) { .houzez-page .lp-expand { transition:none; } }