/* Homepage mobile-directory preview. All decorative elements are local HTML/CSS/SVG. */
.hero{min-height:560px;align-items:center}
.hero-device{height:560px;position:relative;display:flex;align-items:center;justify-content:center;margin:10px 35px 10px 0;isolation:isolate}
.hero-device:before{content:"";position:absolute;width:420px;height:420px;max-width:90%;background:#e2e8d6;border-radius:50%;z-index:-2;top:65px;left:50%;transform:translateX(-50%)}
.device-orbit{position:absolute;border:1px solid #c4cfb4;border-radius:50%;z-index:-1;width:470px;height:340px;max-width:100%;left:50%;top:115px;transform:translateX(-50%) rotate(-35deg)}
.device-orbit.orbit-two{transform:translateX(-50%) rotate(50deg);width:435px;height:390px;top:82px;border-color:#d2d9c6}
.organic-phone{display:block;width:262px;height:492px;background:#203e30;border:7px solid #344e3c;outline:1px solid #193627;border-radius:37px;padding:4px;transform:rotate(8deg);box-shadow:16px 24px 45px #253a2523;overflow:hidden;flex-shrink:0;position:relative}
.organic-phone:after{content:"";position:absolute;bottom:6px;width:75px;height:3px;background:#a2ad9b;border-radius:3px;left:50%;transform:translateX(-50%)}
.phone-screen{height:100%;border-radius:25px;overflow:hidden;background:#fbfbf5;color:#173e2d;position:relative;font-family:Arial,sans-serif}
.phone-status{font-size:8px;display:flex;justify-content:space-between;padding:12px 14px 7px;letter-spacing:1px;line-height:1}
.phone-brand{display:flex;justify-content:space-between;align-items:center;padding:8px 13px 5px;border-bottom:1px solid #e8ebdf}.phone-brand img{width:162px;height:auto;display:block}.phone-brand>span{font-size:15px}
.phone-intro{padding:13px 15px 8px}.phone-intro>span{font-size:6px;letter-spacing:1.4px;font-weight:700;color:#698148}.phone-intro h3{font-family:Georgia,serif;font-size:26px;line-height:1.06;letter-spacing:-.8px;font-weight:400;margin:5px 0}
.phone-search{margin:0 13px 9px;padding:9px 10px;border:1px solid #dce3d1;border-radius:5px;display:flex;justify-content:space-between;background:white;font-size:9px}.phone-search b{font-size:14px;line-height:10px}
.phone-chips{display:flex;gap:5px;padding:0 13px 9px;font-size:7px;align-items:center}.phone-chips>*{padding:5px 8px;border:1px solid #dfe4d5;border-radius:15px;white-space:nowrap;font-weight:400}.phone-chips b{background:#214b34;color:white;border-color:#214b34}
.phone-map{height:139px;position:relative;overflow:hidden;margin:0 10px;border-radius:7px;background:#e9eddf}.phone-map svg{width:100%;height:100%;display:block}.map-dot{position:absolute;display:grid;place-items:center;background:#214b34;color:white;border:2px solid white;border-radius:50% 50% 50% 0;transform:rotate(-45deg);width:24px;height:24px;font-size:11px;box-shadow:0 2px 6px #173e2d22}.dot-one{top:26%;left:27%}.dot-two{top:18%;left:66%;background:#7b984b}.dot-three{top:58%;left:49%}.map-you{position:absolute;top:70%;left:72%;width:10px;height:10px;background:#728eb3;border:2px solid white;border-radius:50%;box-shadow:0 0 0 5px #728eb333}.map-caption{position:absolute;bottom:4px;left:6px;font-size:6px;background:#ffffffc9;color:#5d6d55;padding:2px 4px;border-radius:2px}
.phone-results-title{display:flex;justify-content:space-between;padding:10px 13px 6px;font-size:9px}.phone-results-title span{font-size:7px;color:#6a7c59}
.phone-listing{display:flex;align-items:center;gap:7px;margin:0 13px;padding:6px 0;border-bottom:1px solid #e8ebdf;font-size:8px}.listing-thumb{width:31px;height:34px;background:#d8e1c2;border-radius:4px;display:grid;place-items:center;color:#486835;font-size:21px;flex-shrink:0}.shop-thumb{background:#efe4cd;color:#947543}.phone-listing>div{flex:1;min-width:0}.phone-listing b,.phone-listing span:not(.listing-thumb),.phone-listing small{display:block}.phone-listing b{font-size:8px;white-space:nowrap}.phone-listing div>span{font-size:6px;margin-top:3px;color:#6c7863}.phone-listing small{font-size:5.5px;margin-top:3px;color:#6c813f}.phone-listing em{font-style:normal;font-size:6px;white-space:nowrap;color:#647557}
.phone-bottom{display:flex;justify-content:space-around;padding:6px 10px;background:#fbfbf5;font-size:11px}.phone-bottom span{display:block;text-align:center}.phone-bottom small{display:block;font-size:5px;margin-top:2px}
.device-note{position:absolute;left:1%;top:68px;transform:rotate(-9deg);font-size:9px;letter-spacing:1.6px;line-height:1.8;color:#667a4c}
.device-spark{position:absolute;color:#8aab53;font-size:40px}.spark-one{top:80px;right:8%}.spark-two{bottom:96px;left:3%;font-size:26px}
.discovery-card{position:absolute;left:0;bottom:78px;display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #d1dac5;background:#ffffffed;border-radius:11px;box-shadow:0 10px 25px #253a2512;transform:rotate(-5deg);z-index:2;max-width:95%}.discovery-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e7eddb;color:#52733e;font-size:25px}.discovery-card strong{font-size:13px;display:block;font-weight:600}.discovery-card div>span{display:block;font-size:10px;color:#738167;margin-top:6px}.discovery-card>b{font-size:21px;color:#6b8b43;margin-left:8px}
.device-caption{position:absolute;bottom:-6px;width:100%;text-align:center;font-size:10px;line-height:1.5;letter-spacing:.2px;color:#6c7b5f;margin:0}.device-caption small{font-size:8px;color:#88917e}
@media(min-width:1400px){.hero-device{margin-right:65px}.device-note{left:6%}.discovery-card{left:5%}}
@media(max-width:1000px){.hero-device{margin-right:15px;height:530px}.hero-device:before{width:330px;height:330px;top:95px}.device-orbit{width:355px;height:310px}.device-orbit.orbit-two{width:330px;height:355px}.device-note{font-size:7px;left:0;top:45px}.discovery-card{left:0;bottom:58px;padding:12px;gap:9px}.discovery-card strong{font-size:11px}.discovery-card div>span{font-size:8px}.device-caption{bottom:-5px}.spark-one{right:0}}
@media(max-width:650px){.hero-device{height:535px;margin:0 6% 25px}.hero-device:before{width:350px;height:350px;top:80px}.device-note{top:37px;left:1%;font-size:8px}.organic-phone{width:262px;height:492px}.device-orbit{width:390px;max-width:105%;height:330px;top:100px}.device-orbit.orbit-two{width:360px;height:380px;top:65px}.discovery-card{bottom:65px;left:0;padding:14px;gap:12px}.discovery-card strong{font-size:12px}.discovery-card div>span{font-size:9px}.device-caption{bottom:-8px}.spark-one{top:58px;right:2%;font-size:33px}.spark-two{bottom:118px;left:0}.hero{min-height:0}}
@media(prefers-reduced-motion:reduce){.organic-phone,.discovery-card{scroll-behavior:auto}}


/* Fit the complete mobile preview inside the device without clipping cards. */
.phone-screen{display:flex;flex-direction:column}.phone-screen>div{flex-shrink:0}.phone-brand{padding:5px 13px}.phone-brand img{width:150px;height:27px;object-fit:contain}.phone-status{padding-top:10px;padding-bottom:5px}.phone-intro{padding:8px 15px 6px}.phone-intro h3{font-size:23px}.phone-search{padding:7px 9px;margin-bottom:7px}.phone-chips{padding-bottom:7px}.phone-chips>*{padding:4px 7px}.phone-map{height:105px;min-height:75px;flex:1!important;flex-shrink:1!important}.phone-results-title{padding-top:8px;padding-bottom:4px}.phone-listing{padding:5px 0}.listing-thumb{height:29px;width:29px}.phone-bottom{padding:5px 10px 9px}