.property-illustration{--pi-paper:var(--surface,#fff);--pi-blue:var(--brand,#1683fb);--pi-ink:var(--text,#0f172a);--pi-line:color-mix(in srgb, var(--pi-blue) 20%, var(--line,#e2e8f0));--pi-soft:color-mix(in srgb, var(--pi-blue) 9%, var(--pi-paper));--pi-orange:var(--accent,#f59e0b);isolation:isolate;background:0 0;border:0;border-radius:0;width:100%;margin:0;position:relative;overflow:visible}.pi-canvas{width:100%;height:auto;margin:0;display:block;overflow:visible}.pi-accessible-caption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pi-ground,.pi-halo{fill:var(--pi-blue);opacity:.055}.pi-fine{stroke:var(--pi-line);stroke-width:1.5px;stroke-linecap:round}.pi-dot{fill:var(--pi-blue);opacity:.35}.pi-spark{stroke:var(--pi-blue);stroke-width:2px;stroke-linecap:round;opacity:.4}.pi-orbit{stroke:var(--pi-blue);opacity:.25;stroke-width:1.5px;stroke-dasharray:4 7;stroke-linecap:round}.pi-paper{fill:var(--pi-paper);stroke:var(--pi-line);stroke-width:1.5px}.pi-paper-shadow{fill:var(--pi-blue);opacity:.09}.pi-roof{fill:color-mix(in srgb, var(--pi-orange) 30%, var(--pi-paper))}.pi-roof-edge{fill:#2d78d4;stroke:#2563a8;stroke-width:1px;stroke-linejoin:round}.pi-building-side{fill:#d9eaff;stroke:#a9c8ed;stroke-width:1px}.pi-building-front{fill:#f1f7ff;stroke:#a9c8ed;stroke-width:1px}.pi-window{fill:#78b4ed;stroke:#4486c7;stroke-width:1px}.pi-door{fill:#3974b0}.pi-leaf{fill:var(--pi-blue)}.pi-stem{stroke:var(--pi-blue);stroke-width:3px;stroke-linecap:round}.pi-pot{fill:color-mix(in srgb, var(--pi-orange) 60%, var(--pi-paper))}.pi-calendar-head,.pi-selection,.pi-plane{fill:var(--pi-blue)}.pi-binder{stroke:#93b4d7;stroke-width:6px;stroke-linecap:round}.pi-day{fill:var(--pi-soft)}.pi-day-selected{fill:color-mix(in srgb, var(--pi-orange) 24%, var(--pi-paper))}.pi-copy-line{stroke:var(--pi-line);stroke-width:5px;stroke-linecap:round}.pi-white-line{stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;fill:none}.pi-check{stroke:var(--pi-orange);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;fill:none}.pi-success{fill:var(--pi-orange)}.pi-success-ring{fill:var(--pi-orange);opacity:.12}.pi-success-soft{fill:color-mix(in srgb, var(--pi-orange) 14%, var(--pi-paper))}.pi-avatar-bg{fill:var(--pi-soft)}.pi-avatar{fill:#78a9dd}.pi-key-stroke{stroke:var(--pi-orange);stroke-width:3px;stroke-linecap:round}.pi-skin{fill:color-mix(in srgb, var(--pi-orange) 48%, var(--pi-paper))}.pi-hair{fill:#263a55}.pi-shirt{fill:#428de2}.pi-sleeve{fill:none;stroke:#428de2;stroke-width:19px;stroke-linecap:round;stroke-linejoin:round}.pi-trousers{fill:#293f5b}.pi-shoe{fill:#172b45}.pi-face{fill:none;stroke:var(--pi-orange);stroke-width:1.5px;stroke-linecap:round}.pi-phone{fill:#193451;stroke:#6088ae;stroke-width:2px}.pi-phone-lines{stroke:#a4d4ff;stroke-width:2px;stroke-linecap:round}.pi-picture-bg{fill:#e6f3ff}.pi-sun{fill:color-mix(in srgb, var(--pi-orange) 75%, var(--pi-paper))}.pi-landscape{fill:var(--pi-blue)}.pi-share-trail{stroke:var(--pi-blue);stroke-width:2px;stroke-dasharray:3 6;opacity:.35;stroke-linecap:round}.pi-fee-line{stroke:var(--pi-orange);stroke-width:4px;stroke-linecap:round}.pi-ticket{fill:var(--pi-orange)}.pi-route{stroke:var(--pi-line);stroke-width:2px}.pi-route-flow{stroke:var(--pi-blue);stroke-width:3px;stroke-dasharray:7 130;stroke-linecap:round}.pi-node-icon{stroke:var(--pi-blue);stroke-width:2.5px;fill:none;stroke-linecap:round;stroke-linejoin:round}.pi-fold{fill:var(--pi-soft);stroke:var(--pi-line);stroke-width:1.5px}.pi-shield{fill:#1683fb}.pi-shield-inner{fill:#3c97fa;stroke:#87bfff;stroke-width:1.5px}.pi-white-solid{fill:#fff}.pi-lens{fill:var(--pi-paper);fill-opacity:.7;stroke:#1683fb;stroke-width:7px}.pi-lens-inner{fill:#b7deff;fill-opacity:.2;stroke:#72b6f3;stroke-width:1.5px}.pi-lens-handle{stroke:#2868a9;stroke-width:17px;stroke-linecap:round}.pi-wallet{fill:#458cda;stroke:#2667af;stroke-width:1.5px}.pi-wallet-seam{stroke:#a2c8f2;stroke-width:2px;stroke-dasharray:3 4}.pi-coin-fill{fill:color-mix(in srgb, var(--pi-orange) 24%, var(--pi-paper))}.pi-coin-ring{stroke:var(--pi-orange);stroke-width:1.5px}.pi-workflow-line{stroke:var(--pi-blue);stroke-width:3px;stroke-dasharray:8 280;stroke-linecap:round}.pi-book-cover{fill:#8ab8ed;stroke:#4389cd;stroke-width:1.5px}.pi-ribbon{fill:var(--pi-orange)}.pi-lightbulb{fill:color-mix(in srgb, var(--pi-orange) 24%, var(--pi-paper));stroke:var(--pi-orange);stroke-width:1.5px}.pi-headset{stroke:#173d65;stroke-width:5px;stroke-linecap:round}.pi-pen{fill:#256fc4;stroke:#184a85;stroke-width:1.5px;stroke-linejoin:round}.pi-cookie{fill:color-mix(in srgb, var(--pi-orange) 30%, var(--pi-paper));stroke:var(--pi-orange);stroke-width:1.5px;stroke-linejoin:round}.pi-chip{fill:var(--pi-orange)}.pi-laptop{fill:#233f60;stroke:#577a9e;stroke-width:1.5px}.pi-laptop-base{fill:#98b3d0;stroke:#6787aa;stroke-width:1.5px;stroke-linejoin:round}.pi-manual-halo{fill:var(--pi-orange);opacity:.065}.pi-note-paper{fill:var(--pi-paper);stroke:var(--pi-orange);stroke-width:1.5px}.pi-note-tape{fill:color-mix(in srgb, var(--pi-orange) 35%, var(--pi-paper));opacity:.7}.pi-manual-trail{stroke:var(--pi-orange);stroke-width:1.5px;stroke-dasharray:4 7;opacity:.4}.pi-old-clock{fill:none;stroke:var(--pi-orange);stroke-width:2px;stroke-linecap:round}.pi-desk-line{stroke:#87a9cb;stroke-width:4px;stroke-linecap:round}.pi-deal-flow{stroke:var(--pi-blue);stroke-width:3px;stroke-dasharray:5 18;animation:4.8s linear pi-deal-travel}.pi-note-one{transform-origin:150px 125px;animation:4.8s ease-in-out pi-paper-drift;transform:rotate(-4deg)}.pi-note-two{transform-origin:400px 205px;animation:4.8s ease-in-out reverse pi-paper-drift;transform:rotate(4deg)}.pi-lost-message{animation:4.8s ease-in-out pi-float}.pi-manager-jacket{fill:#233f60}.pi-manager-sleeve{stroke:#233f60}.pi-manager-lapel{fill:#416486}.pi-manager-nameplate{stroke:var(--pi-orange);stroke-width:2px;stroke-linecap:round}.pi-glasses{stroke:var(--pi-blue);stroke-width:1.8px;fill:none;stroke-linejoin:round}.pi-broker-lapel{fill:var(--pi-paper);opacity:.8}@keyframes pi-paper-drift{0%,to{transform:rotate(-4deg)translateY(0)}50%{transform:rotate(3deg)translateY(-8px)}}@keyframes pi-deal-travel{0%{stroke-dashoffset:46px}to{stroke-dashoffset:0}}.pi-document-float,.pi-wallet-float,.pi-book-float,.pi-chat-float,.pi-laptop-float,.pi-network-avatar{animation:7s ease-in-out infinite pi-float}.pi-shield-float,.pi-cookie-float,.pi-mobile-float{animation:7s ease-in-out -2s infinite pi-float}.pi-listing-stamp,.pi-reply{animation:7s ease-in-out infinite pi-fee-arrive}.pi-coin{animation:7s ease-in-out infinite pi-coin-rise}.pi-search-sweep{animation:7s ease-in-out infinite pi-search}.pi-workflow-line{animation:7s linear infinite pi-import}.pi-flow-plane{animation:7s ease-in-out infinite pi-send-listing}.pi-pen-sign{animation:7s ease-in-out infinite pi-sign}@keyframes pi-coin-rise{0%,to{transform:translateY(0)}45%,65%{transform:translateY(-12px)}}@keyframes pi-search{0%,to{transform:translate(-15px)}40%,60%{transform:translate(8px,-9px)}}@keyframes pi-sign{0%,to{transform:translate(0)}40%,55%{transform:translate(-7px,10px)}65%{transform:translate(4px,4px)}}.pi-calendar-float,.pi-listing-float,.pi-hub-float{animation:7s ease-in-out infinite pi-float}.pi-key-float{animation:7s ease-in-out -2s infinite pi-float}.pi-request{animation:7s ease-in-out infinite pi-request-arrive}.pi-reservation{animation:7s ease-in-out infinite pi-book-date}.pi-confirmation{transform-origin:453px 100px;animation:7s ease-in-out infinite pi-confirm}.pi-draw-check{stroke-dasharray:32;animation:7s ease-in-out infinite pi-check-draw}.pi-send{animation:7s ease-in-out infinite pi-send-listing}.pi-fee-card{animation:7s ease-in-out infinite pi-fee-arrive}.pi-route-flow{animation:7s linear infinite pi-import}.property-illustration [class*=pi-]{animation-duration:4.8s;animation-iteration-count:1;animation-play-state:paused;animation-delay:0s;animation-fill-mode:none}.property-illustration[data-playing=true] [class*=pi-]{animation-play-state:running}.property-illustration :is(.pi-calendar-float,.pi-listing-float,.pi-hub-float,.pi-key-float,.pi-document-float,.pi-wallet-float,.pi-book-float,.pi-chat-float,.pi-laptop-float,.pi-mobile-float,.pi-shield-float,.pi-cookie-float,.pi-network-avatar,.pi-note-one,.pi-note-two,.pi-lost-message,.pi-deal-flow){animation-duration:6s;animation-iteration-count:infinite}.property-illustration .pi-phone-hand{transform-origin:196px 132px;animation-name:pi-hand-gesture;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.property-illustration .pi-spark{animation-name:pi-spark-glow;animation-duration:4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.property-illustration .pi-manual-trail{animation-name:pi-paper-trail;animation-duration:8s;animation-timing-function:linear;animation-iteration-count:infinite}.property-illustration .pi-clock-hand{transform-origin:139px 221px;animation-name:pi-clock-turn;animation-duration:12s;animation-timing-function:linear;animation-iteration-count:infinite}.property-illustration .pi-organized-card{animation-name:pi-card-organize;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.property-illustration .pi-organized-card-1{animation-delay:-.7s}.property-illustration .pi-organized-card-2{animation-delay:-1.4s}.property-illustration .pi-organized-check{stroke-dasharray:32;animation-name:pi-check-draw;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes pi-hand-gesture{0%,to{transform:rotate(0)}45%,60%{transform:rotate(-4deg)}}@keyframes pi-spark-glow{0%,to{opacity:.25}50%{opacity:.75}}@keyframes pi-paper-trail{to{stroke-dashoffset:-88px}}@keyframes pi-clock-turn{to{transform:rotate(360deg)}}@keyframes pi-card-organize{0%,to{transform:translate(0)}20%{transform:translate(7px,-4px)}45%,75%{transform:translate(0)}}@keyframes pi-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pi-request-arrive{0%,8%{opacity:0;transform:translateY(12px)}20%,to{opacity:1;transform:translateY(0)}}@keyframes pi-book-date{0%,23%{opacity:0}34%,to{opacity:1}}@keyframes pi-confirm{0%,38%{opacity:0;transform:scale(.8)}49%,to{opacity:1;transform:scale(1)}}@keyframes pi-check-draw{0%,40%{stroke-dashoffset:32px}52%,to{stroke-dashoffset:0}}@keyframes pi-send-listing{0%,13%{opacity:0;transform:translate(0)}24%{opacity:1}45%,to{opacity:0;transform:translate(55px,-24px)}}@keyframes pi-fee-arrive{0%,42%{opacity:0;transform:translateY(12px)}54%,to{opacity:1;transform:translateY(0)}}@keyframes pi-import{0%,15%{stroke-dashoffset:137px;opacity:0}25%{opacity:.8}65%,82%{stroke-dashoffset:0;opacity:.8}to{stroke-dashoffset:0;opacity:0}}.role-portal-card .portal-illustration-frame{aspect-ratio:auto;height:auto;box-shadow:none;background:0 0;border:0;border-radius:20px;margin-block:12px 20px;display:block;overflow:visible}.channels-hub-card>.property-illustration{max-width:690px;margin:28px auto}.guide-col-visual>.property-illustration{width:100%;max-width:560px}.guide-col-visual{min-width:0}.marketing-illustrated-header{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(24px,4vw,60px);display:grid}.marketing-illustrated-header>div{min-width:0}.marketing-page-art{justify-self:end;width:100%;max-width:440px}.pi-compact{max-width:330px;margin-inline:auto}.blog-illustrated-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:36px;margin-bottom:36px;display:grid}.blog-illustrated-hero .property-illustration{max-width:400px;margin-inline:auto}@media (max-width:768px){.marketing-illustrated-header,.blog-illustrated-hero{grid-template-columns:minmax(0,1fr);gap:24px}.marketing-page-art{justify-self:center;max-width:400px}.marketing-page-art:has(.pi-compact){max-width:270px}}@media (max-width:480px){.property-illustration{border-radius:0}}@media (prefers-reduced-motion:reduce){.property-illustration [class*=pi-]{animation:none!important}}