:root{--blue:#527cf5;--blue-deep:#355de0;--cream:#fffdf4;--yellow:#fff0a7;--ink:#282426;--muted:#68636b;--line:#e8e4db;--pink:#f7cbe0;--mint:#d3ebd6;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue-deep);outline-offset:5px}button{min-height:44px}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--cream);padding:14px}.skip:focus{top:10px}.app{max-width:1200px;margin:auto;padding:0 44px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 0}.brand{text-decoration:none;display:flex;align-items:center;gap:16px}.brand-symbol{font-family:'Fredoka',sans-serif;font-size:46px;font-weight:700;letter-spacing:-4px;line-height:1;color:var(--blue-deep);position:relative}.brand-symbol span{color:var(--ink);font-size:20px;position:absolute;right:-12px;top:-8px}.brand-name{font-size:13px;line-height:1.25;font-weight:600;padding-left:4px}.location{display:flex;align-items:center;gap:7px;font-size:14px}.location svg,.tabs svg{width:20px;height:20px;flex-shrink:0}.demo-banner{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;font-size:13px;color:var(--muted)}.demo-banner span{font-size:11px;letter-spacing:.09em;color:var(--ink);background:var(--yellow);padding:4px 8px;border-radius:6px;font-weight:700}.layout{display:grid;grid-template-columns:.9fr 1.5fr;gap:64px;padding:45px 0 60px;align-items:start}.welcome{position:sticky;top:30px;padding-top:24px}.hello{font-size:14px;color:var(--muted);margin-bottom:23px}h1,h2,h3,.intro{font-family:'Fredoka',sans-serif}h1{font-size:clamp(40px,4.4vw,62px);font-weight:500;line-height:1.06;letter-spacing:-1.8px;margin:0 0 23px}h1 em{font-style:normal;background:var(--yellow);border-radius:50%;padding:0 15px 7px 8px;display:inline-block;transform:rotate(-5deg)}.welcome p{font-size:16px;line-height:1.7;color:var(--muted)}.welcome-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.welcome-tags span{padding:9px 13px;border-radius:50px;background:var(--pink);font-size:13px;transform:rotate(-4deg)}.welcome-tags span+span{background:var(--mint);transform:rotate(4deg)}.replay{border:0;background:transparent;color:var(--muted);font-size:13px;margin-top:36px;padding:0}.tabs{display:flex;gap:6px;background:#efece3;padding:6px;border-radius:20px;margin-bottom:26px}.tabs button{border:0;background:transparent;border-radius:15px;flex:1;padding:14px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:16px;transition:background .15s,color .15s}.tabs button[aria-selected=true]{background:var(--blue);color:#fff}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 17px}.section-top h2{font-weight:500;font-size:25px;margin:0;letter-spacing:-.4px}.section-top span{font-size:13px;color:var(--muted)}.cards{display:grid;gap:15px}.listing{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden}.card-main{width:100%;text-align:left;border:0;background:transparent;padding:23px;color:var(--ink);display:block}.card-main:hover{background:#fafbff}.card-heading{display:flex;gap:13px;align-items:center;margin-bottom:17px}.company-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--yellow);border-radius:16px;font-size:21px;font-family:'Fredoka';font-weight:500;flex-shrink:0}.listing:nth-child(2) .company-icon{background:var(--pink)}.listing:nth-child(3) .company-icon{background:var(--mint)}.company{font-size:14px;font-weight:600}.neighborhood{font-size:13px;color:var(--muted);margin-top:3px}h3{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.4px;margin:0 0 11px}.desc{font-size:15px;line-height:1.6;color:var(--muted);margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.tag{background:#f3f2ed;border-radius:9px;padding:6px 9px;font-size:12px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.pay{font-size:14px;font-weight:600}.pay small{font-size:12px;font-weight:400;color:var(--muted)}.open-label{background:var(--blue);color:#fff;border-radius:50px;padding:10px 14px;font-size:13px;white-space:nowrap}.photo{width:100%;height:195px;object-fit:cover;display:block}.photo-note{font-size:12px;color:var(--muted);margin:9px 0}.back{border:0;background:transparent;padding:0 8px 0 0;color:var(--blue-deep);font-size:14px;margin-bottom:13px}.detail{padding:27px;background:#fff;border-radius:25px;border:1px solid var(--line)}.detail h2{font-size:32px;line-height:1.15;font-weight:500;margin:20px 0 12px}.detail h3{font-family:'DM Sans';font-size:16px;font-weight:600;margin:25px 0 10px}.detail ul{padding-left:21px;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.detail .photo{border-radius:15px;height:230px}.detail .conditions{background:var(--yellow);padding:16px;border-radius:17px;font-size:15px;margin:23px 0;color:var(--ink)}.contact{width:100%;border:0;background:var(--blue);color:#fff;border-radius:16px;padding:15px;margin-top:22px;font-weight:600;font-size:16px}.contact-info{background:#f0f4ff;padding:16px;border-radius:15px;margin-top:13px;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.contact-info[hidden]{display:none}.contact-info strong{display:block}.demo-small{font-size:12px;color:var(--muted);margin:16px 0 0}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.intro{position:fixed;inset:0;z-index:20;background:var(--blue);display:flex;align-items:center;justify-content:center;color:var(--cream);animation:curtain .55s 2.1s cubic-bezier(.76,0,.24,1) forwards}.intro[hidden]{display:none}.intro-inner{text-align:center;padding:30px}.intro-letters{position:relative;display:flex;justify-content:center;font-size:clamp(130px,28vw,220px);font-weight:700;line-height:.9;letter-spacing:-12px}.intro-letters span{display:block;animation:letter .8s cubic-bezier(.2,.9,.3,1.3) both}.intro-letters span+span{color:var(--yellow);animation-delay:.16s}.intro-letters b{position:absolute;font-size:45px;right:-23px;top:-20px;letter-spacing:0;animation:star 1s .2s both;color:var(--yellow)}.intro p{font-size:24px;line-height:1.2;font-weight:400;margin:27px 0 0;animation:caption .55s .45s both}.intro strong{font-weight:500}.intro button{position:absolute;bottom:25px;right:25px;background:transparent;color:var(--cream);border:1px solid #ffffff66;border-radius:50px;padding:9px 16px;font-family:'DM Sans';font-size:14px}@keyframes letter{from{transform:translateY(45px) rotate(-12deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes star{from{transform:scale(0) rotate(-120deg)}to{transform:scale(1) rotate(12deg)}}@keyframes caption{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes curtain{to{transform:translateY(-105%);visibility:hidden}}@media(max-width:850px){.app{padding:0 24px}.layout{grid-template-columns:1fr;gap:28px;padding-top:26px;max-width:560px;margin:auto}.welcome{position:static;padding:0}.hello{margin-bottom:12px;font-size:13px}h1{font-size:40px;max-width:420px;line-height:1.1;margin-bottom:13px}h1 br{display:none}h1 br:after{content:' '}.welcome p{font-size:15px;margin:0}.welcome p br{display:none}.welcome-tags{display:none}.replay{margin-top:12px;font-size:12px}.topbar{padding:22px 0}.brand-symbol{font-size:38px}.brand-name{font-size:12px}.location{font-size:12px}.location svg{display:none}.tabs{margin-bottom:23px}.detail{padding:22px}}@media(max-width:380px){.app{padding:0 16px}.brand-name{display:none}.demo-banner{font-size:12px}.card-main{padding:19px}.section-top h2{font-size:23px}.card-bottom{flex-wrap:wrap}.intro-letters{font-size:140px}h1{font-size:36px}.detail h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none!important}}
/* Paleta e navegação revisadas */
:root{--blue:#a0d2e5;--blue-deep:#285d72;--cream:#fffdf6;--yellow:#ffe9a3;--green:#b7dbb8;--ink:#283833;--muted:#65716c;--line:#e3e9e0;--pink:#f2d8df;--mint:#b7dbb8}.app{max-width:1080px}.brand-symbol{display:flex;align-items:center;justify-content:center;isolation:isolate;background:var(--blue);border-radius:18px;width:64px;height:64px;font-size:56px;letter-spacing:-6px;padding-right:7px;line-height:1;font-weight:700}.brand-symbol span{position:relative;inset:auto;font-size:inherit;display:block}.brand-symbol .letter-b{z-index:2;color:#759f78}.brand-symbol .letter-d{margin-left:-8px;color:var(--yellow);z-index:1}.intro{background:var(--blue);color:var(--ink)}.intro-letters{isolation:isolate;letter-spacing:-8px;font-size:clamp(150px,30vw,230px)}.intro-letters .letter-b{z-index:2;color:var(--green);animation:enter-b .9s cubic-bezier(.2,.8,.3,1.2) both}.intro-letters .letter-d{z-index:1;color:var(--yellow);margin-left:-24px;animation:enter-d .9s .12s cubic-bezier(.2,.8,.3,1.2) both}.intro button{color:var(--ink);border-color:#4c6d7755}.intro p{font-size:26px}.main-stage{min-height:65vh}.home{padding:45px 0 55px;animation:page-in .32s ease both}.home-heading{text-align:center;margin-bottom:32px}.home-heading .hello{margin-bottom:12px}.home h1{font-size:clamp(36px,5vw,52px);letter-spacing:-1px;font-weight:500;line-height:1.14;margin:0 0 15px}.home-heading p{color:var(--muted);font-size:16px;margin:0}.choices{max-width:760px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.choice{position:relative;padding:29px;border:0;border-radius:30px;text-align:left;min-height:285px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.choice:hover{transform:translateY(-5px);box-shadow:0 12px 26px #2838330d}.choice:active{transform:scale(.975)}.choice-jobs{background:var(--green)}.choice-homes{background:var(--blue)}.choice-icon{width:59px;height:59px;padding:14px;background:#ffffff55;border-radius:20px;margin-bottom:29px}.choice svg{width:100%;height:100%}.choice h2{font-size:34px;margin:0 0 7px;font-weight:500;letter-spacing:-.7px}.choice p{font-size:15px;line-height:1.5;max-width:220px;margin:0 0 24px}.choice .arrow{align-self:flex-end;margin-top:auto;background:var(--cream);width:43px;height:43px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:23px}.home-actions{text-align:center}.home-actions .replay{margin-top:24px}.browse{max-width:680px;margin:auto;padding:27px 0 50px;animation:page-in .32s ease both}.browse-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.browse-top .back{margin:0}.category-pill{font-size:13px;padding:7px 12px;border-radius:30px;background:var(--green)}.browse.homes .category-pill{background:var(--blue)}.browse .tabs{margin:0 0 25px;background:#eef0e9}.tabs button[aria-selected=true]{background:var(--green);color:var(--ink)}.homes .tabs button[aria-selected=true]{background:var(--blue)}.section-top h2{font-size:29px}.open-label,.contact{background:var(--green);color:var(--ink)}.homes .open-label,.homes .contact{background:var(--blue)}.contact-info{background:#eff6ef}.homes .contact-info{background:#eff7fa}.card-main:active{transform:scale(.995)}.card-main:hover{background:#fcfefb}.company-icon{background:var(--green)}.listing:nth-child(2) .company-icon{background:var(--yellow)}.listing:nth-child(3) .company-icon{background:var(--blue)}.demo-small{line-height:1.6}.detail .photo{margin-top:20px}.detail .company-icon{background:var(--green)}.browse.homes .detail .company-icon{background:var(--blue)}@keyframes enter-b{from{opacity:0;transform:translateX(-55px) rotate(-8deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@keyframes enter-d{from{opacity:0;transform:translateX(45px) rotate(8deg)}to{opacity:1;transform:translateX(0) rotate(0)}}@keyframes page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.app{padding:0 21px}.topbar{padding:19px 0}.brand-symbol{width:53px;height:53px;font-size:46px;border-radius:15px}.brand-symbol .letter-d{margin-left:-7px}.brand-name{font-size:12px}.brand{gap:13px}.home{padding:29px 0 38px}.home-heading{margin-bottom:25px;text-align:left}.home h1{font-size:39px;max-width:320px;line-height:1.1}.home-heading .hello{font-size:13px}.home-heading p{font-size:15px;line-height:1.5;max-width:280px}.choices{gap:14px;grid-template-columns:1fr}.choice{padding:23px 24px;min-height:169px;display:grid;grid-template-columns:1fr 45px;grid-template-rows:auto auto;gap:0 12px;border-radius:25px}.choice-icon{position:absolute;right:24px;top:24px;width:40px;height:40px;padding:8px;border-radius:13px;margin:0}.choice h2{font-size:31px;grid-column:1;align-self:end;margin:0 0 6px}.choice p{font-size:14px;grid-column:1;max-width:220px;margin:0}.choice .arrow{grid-column:2;grid-row:2;width:36px;height:36px;font-size:20px;justify-self:end;align-self:end}.browse{padding-top:21px}.section-top h2{font-size:26px}.section-top span{font-size:12px}.card-main{padding:21px}.detail h2{font-size:29px}footer{font-size:12px}.intro-letters .letter-d{margin-left:-20px}}@media(max-width:380px){.app{padding:0 15px}.brand-name{display:block;font-size:11px}.location{font-size:11px}.topbar{gap:12px}.brand{gap:8px}.home h1{font-size:35px}.choice{padding:22px}.demo-banner{align-items:flex-start}.section-top{align-items:flex-start}.section-top h2{max-width:220px}}
a.contact{display:block;text-align:center;text-decoration:none}.detail .desc{line-height:1.8}.detail .tags{margin-bottom:22px}.main-stage:focus{outline:none}