/* ========================================================================== Streellow front-end – StreetEasy-inspired design tokens and components ========================================================================== */ :root{ --sl-font:"Source Sans 3","Source Sans Pro",Helvetica,Arial,sans-serif; --sl-primary:#0041d9;--sl-primary-light:#056dff;--sl-primary-dark:#164db4;--sl-midnight:#001962; --sl-text:#1a1f2c;--sl-muted:#62646a;--sl-gray:#949494;--sl-line:#e6e6e6;--sl-bg:#f5f5f5;--sl-bg-blue:#eef3ff; --sl-accent:#ffce7a;--sl-accent-dark:#b36200;--sl-success:#0c8821;--sl-error:#ce3827;--sl-white:#fff; --sl-radius:8px;--sl-shadow:0 2px 12px rgba(0,25,98,.08);--sl-shadow-lg:0 12px 32px rgba(0,25,98,.14); } body.streellow,.sl-report-body{font-family:var(--sl-font);color:var(--sl-text);-webkit-font-smoothing:antialiased} .streellow h1,.streellow h2,.streellow h3,.streellow h4{font-family:var(--sl-font);font-weight:700;color:var(--sl-text);letter-spacing:-.01em} .sl-muted{color:var(--sl-muted)} .sl-center{text-align:center} .sl-mt{margin-top:24px} .sl-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700;color:var(--sl-primary);margin:0 0 8px} .sl-empty{padding:32px;text-align:center;color:var(--sl-muted);background:var(--sl-bg);border-radius:var(--sl-radius)} .sl-alert{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:15px} .sl-alert--error{background:#fff3f1;color:var(--sl-error);border:1px solid #f5c6bf} .sl-section__head{margin-bottom:28px} .sl-section__head h2{margin:0 0 8px;font-size:32px;line-height:1.25} .sl-section__head p{margin:0;color:var(--sl-muted);font-size:18px;max-width:760px} .sl-section__head--center{text-align:center} .sl-section__head--center p{margin:0 auto} .sl-results-label{color:var(--sl-muted);margin:0 0 16px} /* Buttons */ .sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:4px;font-family:var(--sl-font);font-size:16px;font-weight:700;line-height:1.2;text-decoration:none!important;cursor:pointer;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s;white-space:nowrap} .sl-btn--primary{background:var(--sl-primary);color:#fff!important;border-color:var(--sl-primary)} .sl-btn--primary:hover{background:var(--sl-primary-dark);border-color:var(--sl-primary-dark);color:#fff} .sl-btn--outline{background:transparent;color:var(--sl-primary)!important;border-color:var(--sl-primary)} .sl-btn--outline:hover{background:var(--sl-primary);color:#fff!important} .sl-btn--accent{background:var(--sl-accent);color:var(--sl-text)!important;border-color:var(--sl-accent)} .sl-btn--accent:hover{background:#ffc165;border-color:#ffc165} .sl-btn--ghost{background:transparent;color:var(--sl-muted)!important;border-color:var(--sl-line)} .sl-btn--ghost:hover{border-color:var(--sl-gray);color:var(--sl-text)!important} .sl-btn--sm{padding:8px 14px;font-size:14px} .sl-btn--lg{padding:16px 32px;font-size:18px} .sl-btn--block{display:flex;width:100%} .sl-link{color:var(--sl-primary);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:4px} /* Chips, stars, badges */ .sl-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} .sl-chips li{background:var(--sl-bg);border:1px solid var(--sl-line);border-radius:20px;padding:6px 12px;font-size:14px;font-weight:600;color:var(--sl-text)} .sl-chips li a{color:inherit;text-decoration:none} .sl-chips--links li{background:#fff} .sl-chips--links li:hover{border-color:var(--sl-primary);color:var(--sl-primary)} .sl-chips--sm li{padding:3px 9px;font-size:12px} .sl-stars{display:inline-flex;gap:1px;vertical-align:middle} .sl-star{position:relative;width:16px;height:16px;display:inline-block} .sl-star::before,.sl-star__fill::before{content:"★";font-size:16px;line-height:16px;position:absolute;left:0;top:0;color:#d9d9d9} .sl-star__fill{position:absolute;left:0;top:0;height:100%;overflow:hidden} .sl-star__fill::before{color:#f5a623} .sl-score{display:inline-flex;align-items:baseline;gap:3px;font-weight:700;padding:4px 10px;border-radius:6px;background:var(--sl-bg-blue);color:var(--sl-primary);font-size:14px} .sl-score__num{font-size:20px;line-height:1} .sl-score__max{color:var(--sl-muted);font-weight:600} .sl-score__label{font-weight:600;color:var(--sl-muted);margin-left:4px} .sl-score--high{background:#f0fff8;color:var(--sl-success)} .sl-score--mid{background:var(--sl-bg-blue);color:var(--sl-primary)} .sl-score--low{background:#fff8ec;color:var(--sl-accent-dark)} .sl-score--hidden{background:var(--sl-bg);color:var(--sl-muted);font-weight:600;font-size:13px} .sl-badge{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-radius:4px;background:#fff;color:var(--sl-text)} .sl-badge--exclusive{background:var(--sl-midnight);color:#fff} .sl-badge--open{background:#fff;color:var(--sl-text);border:1px solid var(--sl-line)} .sl-badge--fee{background:#f0fff8;color:var(--sl-success)} .sl-award{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--sl-accent-dark);background:#fdf0e5;border-radius:20px;padding:3px 10px} .sl-award--lg{font-size:14px;padding:6px 12px} .sl-verified{color:var(--sl-primary);display:inline-flex;vertical-align:middle;margin-left:4px} .sl-verified svg,.sl-agent-card__name svg{width:18px;height:18px;color:var(--sl-primary);vertical-align:middle;margin-left:4px} /* Search bar */ .sl-search{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch} .sl-search--hero{background:#fff;padding:12px;border-radius:12px;box-shadow:var(--sl-shadow-lg);max-width:900px} .sl-search__field{display:flex;flex-direction:column;flex:1;min-width:220px;position:relative} .sl-search__field--select{flex:0 0 200px} .sl-search__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sl-muted);padding:4px 12px 0} .sl-search input,.sl-search select{font-family:var(--sl-font);font-size:17px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:#fff;color:var(--sl-text);width:100%} .sl-search--inline input,.sl-search--inline select{border-color:var(--sl-line);padding:14px 12px} .sl-search input:focus,.sl-search select:focus{outline:2px solid #97c9fa} .sl-search__btn{align-self:stretch;padding:14px 26px} .sl-search__btn svg{flex:0 0 auto} .sl-hero-links a{color:#fff;text-decoration:underline;text-underline-offset:3px} /* Agent cards */ .sl-agent-grid{display:grid;gap:22px;grid-template-columns:repeat(4,1fr)} .sl-agent-grid--cols-3{grid-template-columns:repeat(3,1fr)} .sl-agent-grid--cols-2{grid-template-columns:repeat(2,1fr)} .sl-agent-grid--list{grid-template-columns:1fr} .sl-agent-card{position:relative;background:#fff;border:1px solid var(--sl-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s} .sl-agent-card:hover{box-shadow:var(--sl-shadow-lg);transform:translateY(-2px)} .sl-agent-card.is-sponsored{border-color:var(--sl-accent);box-shadow:0 0 0 2px #fff0d0} .sl-agent-card__sponsored{position:absolute;top:12px;left:12px;z-index:2;background:var(--sl-accent);color:var(--sl-text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;border-radius:4px} .sl-agent-card__rank{position:absolute;top:12px;right:12px;z-index:2;background:var(--sl-midnight);color:#fff;font-weight:700;font-size:13px;padding:4px 9px;border-radius:20px} .sl-agent-card__photo{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--sl-bg)} .sl-agent-card__photo img,.sl-agent-card__photo .sl-agent-photo{width:100%;height:100%;object-fit:cover;display:block} .sl-agent-photo--placeholder{display:flex;align-items:center;justify-content:center;background:var(--sl-bg-blue);color:var(--sl-primary);font-weight:700;font-size:32px;width:100%;height:100%} .sl-agent-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1} .sl-agent-card__name{margin:0;font-size:19px;line-height:1.25} .sl-agent-card__name a{color:var(--sl-text);text-decoration:none} .sl-agent-card__name a:hover{color:var(--sl-primary)} .sl-agent-card__headline{margin:0;color:var(--sl-muted);font-size:14px;line-height:1.35} .sl-agent-card__score{display:flex;flex-wrap:wrap;align-items:center;gap:8px} .sl-agent-card__reviews{font-size:13px;color:var(--sl-muted);display:inline-flex;align-items:center;gap:4px} .sl-agent-card__awards{display:flex;flex-wrap:wrap;gap:6px} .sl-agent-card__hoods{margin:0;font-size:13px;color:var(--sl-muted);display:flex;gap:5px;align-items:flex-start;line-height:1.4} .sl-agent-card__hoods svg{flex:0 0 auto;margin-top:2px} .sl-agent-card__bio{margin:0;font-size:15px;color:var(--sl-text)} .sl-agent-card__meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--sl-muted);margin-top:auto} .sl-agent-card__actions{display:flex;gap:8px;margin-top:6px} .sl-agent-card__actions .sl-btn{flex:1} .sl-agent-card--list{flex-direction:row} .sl-agent-card--list .sl-agent-card__photo{width:220px;flex:0 0 220px;aspect-ratio:auto} .sl-agent-card--list .sl-agent-card__actions{max-width:320px} /* Listing cards */ .sl-listing-grid{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)} .sl-listing-grid--cols-2{grid-template-columns:repeat(2,1fr)} .sl-listing-grid--cols-4{grid-template-columns:repeat(4,1fr)} .sl-listing-card{background:#fff;border:1px solid var(--sl-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s} .sl-listing-card:hover{box-shadow:var(--sl-shadow-lg)} .sl-listing-card__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sl-bg)} .sl-listing-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s} .sl-listing-card:hover .sl-listing-card__media img{transform:scale(1.04)} .sl-listing-card__media .sl-badge{position:absolute;top:12px;left:12px} .sl-listing-card__media .sl-badge--fee{left:auto;right:12px} .sl-listing-card__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px} .sl-listing-card__price{font-size:22px;font-weight:700} .sl-listing-card__facts{display:flex;gap:12px;font-size:14px;color:var(--sl-text)} .sl-listing-card__facts span+span::before{content:"·";margin-right:12px;color:var(--sl-gray)} .sl-listing-card__address{font-size:14px;color:var(--sl-muted)} .sl-listing-card__hl{margin:4px 0 0;padding-left:18px;font-size:13px;color:var(--sl-text)} .sl-listing-card__urgency{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;margin-top:4px} .sl-avail{background:#f0fff8;color:var(--sl-success);font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;font-size:11px} .sl-views{color:var(--sl-accent-dark);font-weight:600;display:inline-flex;align-items:center;gap:4px} .sl-listing-card__agent{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:10px;border-top:1px solid var(--sl-line);font-size:13px;color:var(--sl-muted);text-decoration:none} .sl-listing-card__agent img,.sl-listing-card__agent .sl-agent-photo{width:30px;height:30px;border-radius:50%;object-fit:cover;font-size:12px} .sl-listing-card__agent strong{color:var(--sl-text)} /* Stats, steps, features, testimonials, pricing, offer */ .sl-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;text-align:center} .sl-stat__num{display:block;font-size:40px;font-weight:700;color:var(--sl-primary);line-height:1.1} .sl-stat__label{display:block;color:var(--sl-muted);font-weight:600;margin-top:4px} .sl-stats--dark .sl-stat__num{color:var(--sl-accent)} .sl-stats--dark .sl-stat__label{color:rgba(255,255,255,.8)} .sl-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px;grid-template-columns:repeat(3,1fr);counter-reset:sl} .sl-steps--cols-2{grid-template-columns:repeat(2,1fr)}.sl-steps--cols-4{grid-template-columns:repeat(4,1fr)}.sl-steps--cols-5{grid-template-columns:repeat(5,1fr)}.sl-steps--cols-1{grid-template-columns:1fr} .sl-step{position:relative} .sl-steps--cards .sl-step{background:#fff;border:1px solid var(--sl-line);border-radius:12px;padding:26px 22px 22px} .sl-step__num{display:inline-flex;width:36px;height:36px;border-radius:50%;background:var(--sl-primary);color:#fff;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin-bottom:12px} .sl-step h3{margin:0 0 8px;font-size:20px} .sl-step p{margin:0;color:var(--sl-muted);font-size:15px;line-height:1.5} .sl-step a{display:inline-block;margin-top:10px;font-weight:700;color:var(--sl-primary);text-decoration:none} .sl-steps--timeline{grid-template-columns:1fr;gap:0} .sl-steps--timeline .sl-step{display:grid;grid-template-columns:36px 1fr;gap:14px;padding-bottom:22px} .sl-steps--timeline .sl-step::before{content:"";position:absolute;left:17px;top:40px;bottom:0;width:2px;background:var(--sl-line)} .sl-steps--timeline .sl-step:last-child::before{display:none} .sl-steps--timeline .sl-step__num{margin:0;position:relative;z-index:1} .sl-features{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)} .sl-features--cols-2{grid-template-columns:repeat(2,1fr)}.sl-features--cols-4{grid-template-columns:repeat(4,1fr)} .sl-features--cards .sl-feature{background:#fff;border:1px solid var(--sl-line);border-radius:12px;padding:24px} .sl-feature__icon{display:inline-flex;width:44px;height:44px;border-radius:10px;background:var(--sl-bg-blue);color:var(--sl-primary);align-items:center;justify-content:center;margin-bottom:12px} .sl-feature__icon svg{width:22px;height:22px} .sl-feature h3{margin:0 0 6px;font-size:19px} .sl-feature p{margin:0;color:var(--sl-muted);font-size:15px;line-height:1.5} .sl-testimonials{display:grid;gap:22px;grid-template-columns:repeat(3,1fr)} .sl-testimonials--cols-2{grid-template-columns:repeat(2,1fr)}.sl-testimonials--cols-1{grid-template-columns:1fr} .sl-testimonial{margin:0;background:#fff;border:1px solid var(--sl-line);border-radius:12px;padding:26px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sl-shadow)} .sl-testimonial p{margin:0;font-size:17px;line-height:1.55;flex:1} .sl-testimonial footer{display:flex;align-items:center;gap:12px} .sl-testimonial footer img{width:48px;height:48px;border-radius:50%;object-fit:cover} .sl-testimonial footer span{display:flex;flex-direction:column} .sl-testimonial footer small{color:var(--sl-muted)} .sl-pricing{display:grid;gap:22px;grid-template-columns:repeat(3,1fr);align-items:stretch} .sl-pricing--cols-2{grid-template-columns:repeat(2,1fr)}.sl-pricing--cols-1{grid-template-columns:1fr} .sl-plan{position:relative;background:#fff;border:1px solid var(--sl-line);border-radius:14px;padding:30px 28px;display:flex;flex-direction:column;gap:12px} .sl-plan.is-highlight{border:2px solid var(--sl-primary);box-shadow:var(--sl-shadow-lg)} .sl-plan__flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--sl-primary);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:5px 12px;border-radius:20px} .sl-plan__name{margin:0;font-size:22px} .sl-plan__price{display:flex;align-items:baseline;gap:4px} .sl-plan__amount{font-size:44px;font-weight:700;line-height:1;color:var(--sl-text)} .sl-plan__period{color:var(--sl-muted);font-weight:600} .sl-plan__reports{font-weight:700;color:var(--sl-primary)} .sl-plan__features{list-style:none;margin:6px 0 10px;padding:0;display:flex;flex-direction:column;gap:8px;flex:1} .sl-plan__features li{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.4} .sl-plan__features svg{color:var(--sl-success);flex:0 0 16px;margin-top:3px} .sl-pricing__note{text-align:center;color:var(--sl-muted);margin-top:18px} .sl-offer{display:flex;align-items:center;gap:16px;background:#fff8ec;border:1px solid #ffe2b0;border-left:6px solid var(--sl-accent);border-radius:10px;padding:16px 20px;margin-top:16px} .sl-offer__icon{color:var(--sl-accent-dark);display:flex} .sl-offer__icon svg{width:22px;height:22px} .sl-offer__text{flex:1;font-size:16px;line-height:1.45} .sl-offer--urgency{background:#fff3f1;border-color:#f5c6bf;border-left-color:var(--sl-error)} .sl-offer--urgency .sl-offer__icon{color:var(--sl-error)} .sl-countdown{font-weight:700;color:var(--sl-error);margin-left:6px} .sl-hood-groups{display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))} .sl-hood-group h3{margin:0 0 10px;font-size:18px} .sl-hood-group h3 a{color:var(--sl-text);text-decoration:none} .sl-report-frame{border:1px solid var(--sl-line);border-radius:12px;overflow:hidden;box-shadow:var(--sl-shadow-lg);background:#fff} .sl-report-frame__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f0f0f0;border-bottom:1px solid var(--sl-line)} .sl-report-frame__bar span{width:11px;height:11px;border-radius:50%;background:#d5d5d5} .sl-report-frame__bar em{margin-left:10px;font-style:normal;font-size:12px;color:var(--sl-muted);background:#fff;padding:4px 10px;border-radius:12px;flex:1} .sl-report-frame iframe{width:100%;border:0;display:block} .sl-report-card{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--sl-line);border-radius:12px;padding:16px} .sl-report-card__map{width:120px;height:90px;border-radius:8px;background:linear-gradient(135deg,#dcf6ff,#eef3ff);flex:0 0 120px;position:relative} .sl-report-card__map::after{content:"1";position:absolute;left:44px;top:26px;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--sl-primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center} .sl-report-card h3{margin:0 0 4px;font-size:18px} .sl-report-card p{margin:0;color:var(--sl-muted);font-size:14px} /* Agent profile */ .sl-hero-agent{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:start} .sl-hero-agent__photo img,.sl-hero-agent__photo .sl-agent-photo{width:260px;height:260px;border-radius:16px;object-fit:cover;display:block;box-shadow:var(--sl-shadow-lg);font-size:60px} .sl-hero-agent__body{display:flex;flex-direction:column;gap:12px} .sl-hero-agent__name{margin:0;font-size:40px;line-height:1.1;display:flex;align-items:center;gap:6px} .sl-hero-agent__headline{margin:0;font-size:19px;color:var(--sl-text)} .sl-hero-agent__brokerage{margin:0;color:var(--sl-muted);display:flex;align-items:center;gap:6px} .sl-hero-agent__score{display:flex;flex-wrap:wrap;align-items:center;gap:12px} .sl-hero-agent__reviews{display:inline-flex;align-items:center;gap:6px;color:var(--sl-muted)} .sl-hero-agent__unclaimed{width:100%;font-size:14px;color:var(--sl-accent-dark);background:#fff8ec;padding:8px 12px;border-radius:6px} .sl-hero-agent__awards{display:flex;flex-wrap:wrap;gap:8px} .sl-hero-agent__hoods{margin:0;color:var(--sl-muted);display:flex;gap:6px;align-items:center} .sl-hero-agent__stats{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:24px} .sl-hero-agent__stats li{display:flex;flex-direction:column} .sl-hero-agent__stats strong{font-size:26px;line-height:1.1;color:var(--sl-primary)} .sl-hero-agent__stats span{font-size:13px;color:var(--sl-muted)} .sl-hero-agent__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px} .sl-section{margin-bottom:40px} .sl-section .sl-section__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px} .sl-section .sl-section__head h2{font-size:26px;margin:0} .sl-section .sl-section__head p{font-size:15px} .sl-about h2,.sl-reviews h2,.sl-agent-listings h2{font-size:26px;margin:0 0 14px} .sl-about__bio{font-size:17px;line-height:1.6} .sl-about__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:22px} .sl-about__grid h3{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--sl-muted);margin:0 0 8px} .sl-reviews__summary{display:flex;align-items:center;gap:6px;color:var(--sl-muted)} .sl-reviews__list{display:flex;flex-direction:column;gap:16px;margin-bottom:18px} .sl-review{background:#fff;border:1px solid var(--sl-line);border-radius:12px;padding:20px 22px} .sl-review__head{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;font-size:14px} .sl-review__verified{color:var(--sl-success);font-weight:700;display:inline-flex;align-items:center;gap:3px;font-size:12px} .sl-review__title{margin:0 0 6px;font-size:18px} .sl-review__body{font-size:16px;line-height:1.55} .sl-review__body p{margin:0} .sl-side-card{background:#fff;border:1px solid var(--sl-line);border-radius:12px;padding:22px;margin-bottom:18px} .sl-side-card h3{margin:0 0 12px;font-size:18px} .sl-side-card--soft{background:var(--sl-bg-blue);border-color:#dce6ff} .sl-contact-list{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px} .sl-contact-list li{display:flex;align-items:center;gap:10px} .sl-contact-list svg{color:var(--sl-primary);flex:0 0 16px} .sl-contact-list a{color:var(--sl-text);text-decoration:none} .sl-steps-mini{margin:0 0 12px;padding-left:20px;font-size:15px;line-height:1.5} .sl-agent-contact{background:#fff;border:1px solid var(--sl-line);border-radius:14px;padding:32px;display:grid;grid-template-columns:1fr 1.4fr;gap:32px} .sl-agent-contact__intro h2{font-size:28px;margin:0 0 10px} .sl-agent-contact__intro p{color:var(--sl-muted);font-size:17px} .sl-profile--fallback{max-width:1200px;margin:0 auto;padding:24px 20px} .sl-profile__cols{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin:36px 0} /* Login */ .sl-login{max-width:440px} .sl-login label{display:block;font-weight:600;font-size:14px;margin-bottom:6px} .sl-login input[type=text],.sl-login input[type=password]{width:100%;padding:12px;border:1px solid #cfd3da;border-radius:6px;font-size:16px;font-family:var(--sl-font)} .sl-login p{margin:0 0 14px} .sl-login .login-remember label{font-weight:400;display:flex;align-items:center;gap:6px} .sl-login #wp-submit{width:100%;background:var(--sl-primary);color:#fff;border:0;border-radius:4px;padding:14px;font-size:16px;font-weight:700;cursor:pointer;font-family:var(--sl-font)} .sl-login #wp-submit:hover{background:var(--sl-primary-dark)} .sl-login__links{font-size:14px;color:var(--sl-muted)} /* WPForms */ .sl-wpform .wpforms-field-label{font-weight:600!important;font-size:15px!important;color:var(--sl-text)} .sl-wpform input[type=text],.sl-wpform input[type=email],.sl-wpform input[type=tel],.sl-wpform input[type=number],.sl-wpform input[type=url],.sl-wpform select,.sl-wpform textarea{border:1px solid #cfd3da!important;border-radius:6px!important;font-family:var(--sl-font)!important;font-size:16px!important;padding:12px!important;max-width:100%!important} .sl-wpform input:focus,.sl-wpform select:focus,.sl-wpform textarea:focus{outline:2px solid #97c9fa!important;border-color:var(--sl-primary)!important} .sl-wpform .wpforms-submit,.sl-wpform button[type=submit]{background:var(--sl-primary)!important;color:#fff!important;border:0!important;border-radius:4px!important;padding:14px 28px!important;font-size:16px!important;font-weight:700!important;font-family:var(--sl-font)!important;cursor:pointer} .sl-wpform .wpforms-submit:hover{background:var(--sl-primary-dark)!important} .sl-wpform .wpforms-field-divider h3{font-size:20px;margin-top:10px;border-bottom:2px solid var(--sl-line);padding-bottom:6px} .sl-form-note{background:var(--sl-bg-blue);padding:12px 14px;border-radius:6px;font-size:14px} .sl-agreement{background:var(--sl-bg);border:1px solid var(--sl-line);border-radius:8px;padding:18px 20px;font-size:15px;line-height:1.55;max-height:320px;overflow:auto} .sl-agreement h3{margin-top:0} .sl-sign-wrap{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--sl-line);border-radius:14px;padding:32px} .sl-sig{border:2px dashed #b9c3d6;border-radius:8px;background:#fff;overflow:hidden} .sl-sig__canvas{display:block;width:100%;height:180px;touch-action:none;cursor:crosshair} .sl-sig__bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--sl-bg);font-size:13px;color:var(--sl-muted)} .sl-sig__clear{background:none;border:1px solid var(--sl-line);border-radius:4px;padding:4px 10px;cursor:pointer;font-family:var(--sl-font);font-size:13px} /* ========================================================================== Report page ========================================================================== */ .sl-report-body{margin:0;background:#f5f5f5;color:var(--sl-text);font-size:16px;line-height:1.5} .sl-report{max-width:1140px;margin:0 auto;padding:0 0 60px} .sl-report *{box-sizing:border-box} .sl-report a{color:var(--sl-primary)} .sl-report__bar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--sl-line);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 24px} .sl-report__agent{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--sl-text)} .sl-report__agent img{width:46px;height:46px;border-radius:50%;object-fit:cover} .sl-report__agent strong{display:block;font-size:16px} .sl-report__agent small{color:var(--sl-muted);display:block;font-size:13px} .sl-report__bar-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} .sl-report__hero{padding:44px 24px 20px} .sl-report__hero h1{font-size:38px;line-height:1.15;margin:0 0 8px;font-weight:700} .sl-report__meta{color:var(--sl-muted);margin:0 0 14px} .sl-ai-tag{display:inline-flex;align-items:center;gap:4px;color:var(--sl-primary);font-weight:700} .sl-report__intro{background:#fff;border-left:4px solid var(--sl-primary);border-radius:8px;padding:16px 20px;font-size:17px;margin-bottom:16px} .sl-report__intro p{margin:0} .sl-crit{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px} .sl-crit li{background:#fff;border:1px solid var(--sl-line);border-radius:20px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px} .sl-crit svg{color:var(--sl-primary)} .sl-report__locknote{margin:10px 24px 0;display:flex;align-items:center;gap:16px;background:#fff8ec;border:1px solid #ffe2b0;border-radius:10px;padding:16px 20px} .sl-report__locknote svg{color:var(--sl-accent-dark);width:28px;height:28px} .sl-report__locknote div:nth-child(2){flex:1} .sl-report__map-wrap{margin:24px 24px 8px;position:relative} .sl-report__map{height:420px;border-radius:12px;border:1px solid var(--sl-line);z-index:1} .sl-report__legend{font-size:13px;color:var(--sl-muted);margin-top:8px;display:flex;align-items:center;gap:8px} .sl-pin-demo{display:inline-flex;width:22px;height:22px;border-radius:50%;background:var(--sl-primary);color:#fff;font-weight:700;font-size:12px;align-items:center;justify-content:center} .sl-legend-lock{display:inline-flex;align-items:center;gap:3px;margin-left:8px} .sl-legend-lock svg{width:14px;height:14px} .sl-pin{background:transparent;border:0} .sl-pin span{display:flex;width:34px;height:34px;border-radius:50%;background:var(--sl-primary);color:#fff;font-weight:700;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.3);border:2px solid #fff} .sl-pin span{font-size:14px} .sl-pin--locked span{background:#62646a} .sl-pin.is-hover span{background:var(--sl-accent-dark);transform:scale(1.15)} .sl-pop{font-family:var(--sl-font);font-size:14px;min-width:170px} .sl-pop img{width:100%;height:90px;object-fit:cover;border-radius:6px;margin-bottom:6px;display:block} .leaflet-popup-content-wrapper{border-radius:10px} .sl-report__list{padding:16px 24px 0;display:flex;flex-direction:column;gap:22px} .sl-rl{position:relative;background:#fff;border:1px solid var(--sl-line);border-radius:14px;display:grid;grid-template-columns:minmax(0,46%) 1fr;gap:0;overflow:hidden;box-shadow:var(--sl-shadow)} .sl-rl.is-active{border-color:var(--sl-primary);box-shadow:0 0 0 3px #dce6ff} .sl-rl__num{position:absolute;top:14px;left:14px;z-index:3;width:36px;height:36px;border-radius:50%;background:var(--sl-primary);color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.25)} .sl-rl__gallery{position:relative;background:var(--sl-bg)} .sl-rl__main{aspect-ratio:4/3;overflow:hidden} .sl-rl__main img{width:100%;height:100%;object-fit:cover;display:block} .sl-rl__main--empty{display:flex;align-items:center;justify-content:center;color:var(--sl-muted)} .sl-rl__thumbs{display:flex;gap:4px;padding:6px;background:#fff;overflow-x:auto} .sl-rl__thumbs button{border:2px solid transparent;padding:0;background:none;border-radius:6px;overflow:hidden;cursor:pointer;flex:0 0 64px;height:48px} .sl-rl__thumbs button img{width:100%;height:100%;object-fit:cover;display:block} .sl-rl__thumbs button.is-active{border-color:var(--sl-primary)} .sl-rl__lock{position:absolute;inset:0;background:rgba(0,25,98,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;padding:20px;z-index:2} .sl-rl__lock svg{width:34px;height:34px} .sl-rl__lock strong{font-size:20px} .sl-rl__lock span{font-size:14px;opacity:.9;margin-bottom:8px} .sl-rl.is-locked .sl-rl__main img{filter:blur(14px);transform:scale(1.1)} .sl-rl__body{padding:22px 24px;display:flex;flex-direction:column;gap:12px;min-width:0} .sl-rl__top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start} .sl-rl__price{font-size:28px;font-weight:700;line-height:1.1;display:flex;flex-wrap:wrap;align-items:center;gap:8px} .sl-rl__facts{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px;font-size:15px} .sl-rl__facts span{display:inline-flex;align-items:center;gap:5px} .sl-rl__facts svg{color:var(--sl-muted)} .sl-rl__addr{margin-top:6px;color:var(--sl-muted);font-size:15px;display:flex;align-items:center;gap:5px;flex-wrap:wrap} .sl-rl__match{flex:0 0 auto;text-align:center;background:#f0fff8;color:var(--sl-success);border-radius:10px;padding:8px 12px;line-height:1.05} .sl-rl__match strong{display:block;font-size:22px} .sl-rl__match span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700} .sl-rl__urgency{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:13px} .sl-rl__hl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:6px 14px} .sl-rl__hl li{display:flex;gap:6px;align-items:flex-start;font-size:15px} .sl-rl__hl svg{color:var(--sl-success);flex:0 0 16px;margin-top:3px} .sl-rl__desc{margin:0;color:var(--sl-text);font-size:15px;line-height:1.5} .sl-rl__ai{background:var(--sl-bg-blue);border-radius:10px;padding:14px 16px} .sl-rl__ai-head{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--sl-primary);margin-bottom:6px;font-size:14px;text-transform:uppercase;letter-spacing:.04em} .sl-rl__ai p{margin:0 0 10px;font-size:15px} .sl-rl__ai-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px} .sl-rl__ai-grid h4{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--sl-muted)} .sl-rl__ai-grid ul{margin:0;padding-left:16px;font-size:14px;line-height:1.45} .sl-rl__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:auto;padding-top:6px} .sl-rl__locked-text{margin:0;color:var(--sl-muted);font-size:15px} .sl-report__footer{margin:40px 24px 0} .sl-report__cta{display:flex;gap:24px;align-items:center;background:var(--sl-midnight);color:#fff;border-radius:16px;padding:32px} .sl-report__cta img{width:110px;height:110px;border-radius:50%;object-fit:cover;flex:0 0 110px;border:3px solid rgba(255,255,255,.3)} .sl-report__cta h2{margin:0 0 8px;font-size:26px;color:#fff} .sl-report__cta p{margin:0 0 8px;color:rgba(255,255,255,.88)} .sl-report__cta a{color:var(--sl-accent)} .sl-report__cta .sl-score{background:rgba(255,255,255,.12);color:#fff} .sl-report__cta .sl-score__max,.sl-report__cta .sl-score__label{color:rgba(255,255,255,.7)} .sl-report__cta-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px} .sl-report__cta .sl-btn--outline{color:#fff!important;border-color:rgba(255,255,255,.6)} .sl-report__cta .sl-btn--outline:hover{background:#fff;color:var(--sl-midnight)!important} .sl-report__disclaimer{font-size:13px;color:var(--sl-muted);margin:24px 0 6px} .sl-report__powered{font-size:13px;color:var(--sl-gray)} @media print{ .sl-report-body{background:#fff} .sl-report__bar,.sl-print,.sl-rl__actions,.sl-report__cta-actions,.sl-report__legend{display:none!important} .sl-rl{break-inside:avoid;box-shadow:none;grid-template-columns:40% 1fr} .sl-report__map{height:320px} } /* ========================================================================== Responsive ========================================================================== */ @media (max-width:1024px){ .sl-agent-grid,.sl-agent-grid--cols-4{grid-template-columns:repeat(3,1fr)} .sl-listing-grid--cols-4,.sl-steps--cols-5,.sl-steps--cols-4,.sl-features--cols-4{grid-template-columns:repeat(3,1fr)} } @media (max-width:768px){ .sl-agent-grid,.sl-agent-grid--cols-4,.sl-agent-grid--cols-3{grid-template-columns:repeat(2,1fr)} .sl-listing-grid,.sl-listing-grid--cols-4,.sl-steps,.sl-steps--cols-5,.sl-steps--cols-4,.sl-features,.sl-features--cols-4,.sl-testimonials,.sl-pricing{grid-template-columns:1fr} .sl-agent-card--list{flex-direction:column} .sl-agent-card--list .sl-agent-card__photo{width:100%;aspect-ratio:1/1} .sl-agent-card__actions{flex-direction:column} .sl-search--hero{padding:8px} .sl-search__field--select{flex:1 1 100%} .sl-hero-agent{grid-template-columns:1fr} .sl-hero-agent__photo img,.sl-hero-agent__photo .sl-agent-photo{width:160px;height:160px} .sl-hero-agent__name{font-size:30px} .sl-agent-contact,.sl-profile__cols{grid-template-columns:1fr} .sl-rl{grid-template-columns:1fr} .sl-report__hero h1{font-size:28px} .sl-report__cta{flex-direction:column;text-align:center} .sl-report__bar{padding:10px 14px} .sl-report__bar-actions .sl-btn span{display:none} .sl-offer{flex-direction:column;align-items:flex-start} } @media (max-width:480px){ .sl-agent-grid,.sl-agent-grid--cols-4,.sl-agent-grid--cols-3,.sl-agent-grid--cols-2{grid-template-columns:1fr} .sl-stat__num{font-size:30px} } /* Beat Elementor kit button defaults on