@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f3f2ea;--ink:#24362c;--muted:#68736a;--lime:#d6eb68;--line:#d9ddd0;--white:#fbfcf6;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #6b8820;outline-offset:5px}button:disabled{cursor:default;opacity:.65}.wrap{max-width:1360px;width:calc(100% - 112px);margin-inline:auto}.concept-bar{background:var(--ink);color:#e1e7d9;padding:9px 56px;font-size:10px;letter-spacing:1.2px;display:flex;justify-content:space-between}.nav{height:106px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:'Manrope',sans-serif;display:flex;align-items:center;position:relative;font-size:39px;font-weight:800;letter-spacing:-3px;line-height:1; padding-bottom:10px}.logo-dot{color:#80933c;font-size:39px;margin-left:5px}.logo small{position:absolute;font-size:8px;letter-spacing:3.5px;bottom:-2px;left:2px}.nav nav{display:flex;gap:34px;font-size:13px}.nav nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;gap:44px;justify-content:space-between;align-items:center;border:0;padding:19px 24px;border-radius:8px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.dark{color:var(--white);background:var(--ink)}.button.dark:hover{background:#3b4e35}.button.cream{background:var(--paper);color:var(--ink)}.button.small{padding:14px 18px;font-size:12px;gap:22px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:46px 0 70px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.eyebrow i,.market-footer i{width:6px;height:6px;display:inline-block;background:#799446;border-radius:50%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(48px,5.3vw,82px);line-height:1.07;letter-spacing:-4.2px;margin:27px 0}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-2.8px}h1 em{font-size:1.02em}.hero p{font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:29px}.hero-note{font-size:11px;display:flex;gap:10px;align-items:center;margin-top:19px;color:var(--muted)}.line-icon{font-size:23px}.hero-art{height:528px;background:#d9e4c8;position:relative;isolation:isolate;overflow:hidden;border-radius:180px 180px 16px 16px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#53603e0b 1px,transparent 1px),linear-gradient(90deg,#53603e0b 1px,transparent 1px);background-size:36px 36px}.sun{background:var(--lime);width:158px;height:158px;border-radius:50%;position:absolute;top:49px;right:60px}.art-floor{position:absolute;width:600px;height:200px;bottom:32px;left:-10%;background:#b3c19c;transform:rotate(-12deg);z-index:-1;border-radius:50%}.house{position:absolute;width:310px;height:270px;left:50%;top:140px;transform:translateX(-50%) rotate(-3deg)}.house-front{position:absolute;width:221px;height:172px;background:#faf6e3;bottom:0;left:5px;transform:skewY(12deg);border-right:3px solid #e0ddc5;box-shadow:0 22px 0 -10px #858e77}.house-side{position:absolute;width:89px;height:172px;background:#d2d3b9;bottom:0;right:-4px;transform:skewY(-23deg);transform-origin:top left}.roof{position:absolute;top:0;left:-14px;width:257px;height:137px;background:#586449;clip-path:polygon(45% 0,100% 67%,98% 100%,0 61%);z-index:2}.roof:after{content:'';position:absolute;inset:10px;background:repeating-linear-gradient(90deg,transparent 0 20px,#d5dab422 21px 23px);transform:skewY(18deg)}.window{position:absolute;top:35px;width:52px;height:58px;background:#6d8576;border:5px solid #e7dec2;box-shadow:0 3px 0 #bbb397}.window:after{content:'';position:absolute;left:50%;height:100%;width:3px;background:#e7dec2}.w1{left:18px}.w2{left:88px}.door{position:absolute;right:10px;bottom:0;width:50px;height:110px;background:#d1b384;border:6px solid #e7dec2}.door:after{content:'';position:absolute;width:4px;height:9px;background:#3c4e3c;right:4px;top:50px}.tree{width:14px;height:111px;background:#777650;position:absolute;bottom:130px;right:26px;transform:rotate(7deg)}.tree div{height:114px;width:71px;border-radius:50%;background:#829963;position:absolute;top:-72px;left:-30px}.art-label{position:absolute;bottom:23px;left:26px;font-size:8px;letter-spacing:1.5px}.floating{position:absolute;background:var(--white);box-shadow:0 9px 35px #293b2c14;border:1px solid #ffffff66;border-radius:9px}.location{top:92px;left:23px;padding:12px;font-size:10px;transform:rotate(-5deg)}.opportunity{left:22px;right:22px;bottom:64px;display:flex;align-items:center;gap:13px;padding:19px 16px;animation:float 7s ease-in-out infinite}.opportunity-icon{width:39px;height:43px;background:var(--lime);display:grid;place-items:center;border-radius:8px;font-size:23px}.opportunity small{font-size:8px;letter-spacing:1.1px}.opportunity strong{display:block;font-size:12px;margin:6px 0}.opportunity div>span{font-size:10px;color:var(--muted)}.spark{font-size:31px;margin-left:auto}.vertical-note{position:absolute;right:17px;top:198px;writing-mode:vertical-rl;font-size:7px;letter-spacing:1.3px}.trade-strip{border-block:1px solid var(--line);padding:24px 0}.trade-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.trade-strip span{font-size:9px;letter-spacing:1.1px;max-width:100px;line-height:1.6}.trade-strip strong{font-weight:500;font-size:18px;letter-spacing:-.6px}.trade-strip b{font-size:25px;color:#95a576}.market{padding:91px 0 0}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;gap:30px}h2{font-size:46px;line-height:1.15;letter-spacing:-2.2px;margin-top:17px}h2 em{letter-spacing:-1.8px}.section-top p,.how p{color:var(--muted);font-size:13px;line-height:1.8}.market-shell{background:#e8ebde;border-radius:var(--radius);padding:24px}.filters{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:12px}.filters label{min-width:0}.filters input,.filters select{background:var(--white);border:1px solid #dfe3d6;border-radius:7px;height:51px;width:100%;padding:0 17px;font-size:12px;color:var(--ink)}.filters input{padding-left:43px}.search-label{position:relative}.search-label>span{position:absolute;left:15px;top:11px;font-size:25px}.market-tools{display:flex;justify-content:space-between;gap:20px;margin:20px 0 22px}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:9px 15px;font-size:11px;border:1px solid #ccd3bf;border-radius:30px;background:transparent;color:var(--ink);transition:background .2s}.chip:hover{background:#dbe3c9}.chip.active{background:var(--ink);color:var(--white);border-color:var(--ink)}.view-switch{display:flex;border:1px solid #cdd4c2;border-radius:7px;padding:3px;align-self:start}.view-switch button{border:0;background:transparent;border-radius:4px;padding:6px 9px;color:var(--muted);font-size:11px;white-space:nowrap}.view-switch .active{background:var(--white);color:var(--ink)}.results-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:15px;color:var(--muted)}.text-button{padding:4px 0;background:none;border:0;color:inherit;font-size:11px}.text-button:hover{text-decoration:underline;text-underline-offset:4px}.text-button[aria-pressed=true]{font-weight:700;color:var(--ink)}.lead-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.lead-card{border:1px solid #dfe4d7;border-radius:12px;background:var(--white);padding:21px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s}.lead-card:hover{transform:translateY(-4px);box-shadow:0 9px 19px #24362c0c}.card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.trade-badge{display:inline-flex;font-size:9px;padding:6px 9px;background:#ebeedf;border-radius:4px;color:#536442}.trade-badge.electrical{background:#f1eacc;color:#7c6e3d}.trade-badge.plumbing{background:#e4eced;color:#45666c}.trade-badge.landscaping{background:#dde9d2;color:#4c7047}.save-button{background:transparent;border:0;font-size:22px;color:#63775b;width:32px;height:32px;display:grid;place-items:center}.save-button[aria-pressed=true]{color:#344c26}.lead-card h3{font-size:17px;line-height:1.45;letter-spacing:-.5px;margin:17px 0 6px}.card-place{font-size:10px;color:var(--muted)}.card-description{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0 20px;flex:1}.card-meta{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:19px}.card-meta small{display:block;font-size:8px;letter-spacing:.8px;color:var(--muted);margin-bottom:5px}.card-meta strong{font-size:14px;font-weight:600}.card-meta .timing{font-size:9px;line-height:1.7;text-align:right;color:var(--muted)}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #e8ebdf;padding-top:15px;align-items:center}.card-bottom>span{font-size:9px;color:var(--muted)}.card-open{background:none;border:0;font-size:11px;font-weight:600;color:var(--ink);padding:6px 0}.card-open:hover{text-decoration:underline;text-underline-offset:4px}.market-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;font-size:10px;color:var(--muted)}.market-footer>span{display:flex;gap:7px;align-items:center}.how{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-block:104px}.how h2{font-size:56px}.how>div>p{margin-top:24px}.steps-list article{display:flex;gap:25px;align-items:start;padding:25px 0;border-bottom:1px solid var(--line)}.steps-list article:first-child{padding-top:0}.steps-list article>span{font-size:11px;padding-top:4px;color:#899578}.steps-list h3{font-size:19px;letter-spacing:-.6px}.steps-list p{font-size:12px;margin-top:9px;max-width:350px}.steps-list b{font-size:29px;font-weight:400;margin-left:auto}.manifesto{background:var(--ink);color:var(--paper);overflow:hidden}.manifesto>.wrap{position:relative;padding-block:72px;text-align:center}.manifesto .eyebrow{justify-content:center;color:#bbcc9a}.manifesto h2{font-size:52px;margin:25px 0 32px}.manifesto h2 em{color:var(--lime)}.big-spark{position:absolute;font-size:270px;left:-58px;bottom:-89px;color:var(--lime);line-height:1;transform:rotate(14deg)}.manifesto-side{position:absolute;right:3px;top:110px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#c3cdb4}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding-block:100px}.faq h2{font-size:54px}details{border-bottom:1px solid var(--line);padding:23px 0}details:first-child{padding-top:0}summary{font-size:15px;list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.9;color:var(--muted);padding:15px 30px 0 0}.project-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr auto;gap:30px;align-items:center;padding-block:30px}.project-note h3{font-size:16px;margin-top:10px;letter-spacing:-.4px}.project-note p{font-size:11px;line-height:1.9;color:var(--muted)}.project-note a{font-size:11px;text-decoration:underline;text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:40px}footer .logo{font-size:28px}footer .logo-dot{font-size:28px}footer .logo small{font-size:6px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}.skip{position:fixed;z-index:100;background:var(--ink);color:white;padding:16px;top:-100px;left:16px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.empty{text-align:center;padding:55px 20px;background:var(--white);border-radius:10px}.empty>span{font-size:40px}.empty h3{font-size:20px;margin:10px}.empty p{color:var(--muted);margin-bottom:20px;font-size:13px}[hidden]{display:none!important}.map-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding-bottom:13px;gap:15px}.map-caption span{letter-spacing:0;color:var(--muted)}.schematic-map{height:350px;background:#d5e1de;position:relative;border-radius:10px;overflow:hidden;background-image:linear-gradient(#5974750b 1px,transparent 1px),linear-gradient(90deg,#5974750b 1px,transparent 1px);background-size:35px 35px}.country-shape{position:absolute;inset:25px 16% 25px 22%;background:#e8ebd7;clip-path:polygon(7% 26%,34% 33%,47% 0,72% 4%,92% 30%,80% 65%,53% 90%,24% 100%,0 75%)}.map-water{position:absolute;top:40%;left:8%;font-size:10px;letter-spacing:2px;color:#80969a;line-height:2}.map-compass{position:absolute;right:22px;top:20px;font-size:13px}.map-area{position:absolute;color:#85906c;font-size:8px;letter-spacing:1px}.western{left:32%;top:81%}.gauteng{left:60%;top:26%}.kzn{left:71%;top:63%}.map-pin{position:absolute;border:3px solid var(--white);border-radius:40px;background:var(--ink);color:var(--white);padding:9px 13px;font-size:11px;box-shadow:0 4px 12px #24362c26;transform:translate(-50%,-50%)}.map-pin:hover,.map-pin[aria-pressed=true]{background:#759036}.map-detail{padding:20px;font-size:12px;line-height:1.8}.map-detail button{margin:8px 12px 0 0}dialog{color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:36px;max-width:540px;width:calc(100% - 32px);background:var(--white);max-height:90dvh;overflow:auto}dialog::backdrop{background:#17251cd1;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:29px;color:var(--ink);width:35px;height:35px}.dialog-label{font-size:9px;letter-spacing:1px;color:var(--muted);padding-right:26px}.dialog-title{font-size:29px;letter-spacing:-1px;line-height:1.25;margin:20px 0 12px}.dialog-copy{color:var(--muted);font-size:13px;line-height:1.9;margin-bottom:23px}.detail-facts{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding-block:19px;border-block:1px solid var(--line);margin-bottom:22px}.detail-facts dt{font-size:9px;color:var(--muted);margin-bottom:7px}.detail-facts dd{margin:0;font-size:13px}.contact-box{background:#e9eedb;border-radius:9px;padding:18px;line-height:1.8;font-size:12px;margin:20px 0}.dialog-action{width:100%}.dialog-disclaimer{font-size:10px;color:var(--muted);line-height:1.7;margin-top:14px}.token-value{font-size:65px;letter-spacing:-3px;font-family:'Manrope',sans-serif;font-weight:600;margin:20px 0}.token-value span{font-size:15px;letter-spacing:0}.confirm-label{display:flex;align-items:start;gap:10px;font-size:12px;line-height:1.7;margin:25px 0}.confirm-label input{accent-color:var(--ink);width:17px;height:17px;flex-shrink:0}#toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:var(--white);border-radius:8px;padding:14px 22px;box-shadow:0 6px 30px #0002;font-size:12px;z-index:20;transition:transform .25s,opacity .25s;max-width:calc(100% - 30px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes float{50%{transform:translateY(-7px)}}
@media(min-width:1550px){.hero-art{height:570px}.house{top:175px}.hero h1{font-size:82px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.concept-bar{padding-inline:32px}.hero{gap:30px}.hero-art{height:470px}.hero h1{font-size:62px}.hero p{font-size:13px}.hero h1 em{font-size:.92em}.nav nav{gap:22px}.trade-strip strong{font-size:15px}.lead-card{padding:16px}.lead-card h3{font-size:15px}.card-meta strong{font-size:12px}.section-top{align-items:start}.section-top p{max-width:260px}.section-top p br{display:none}.section-top h2{font-size:38px}.chip{padding:8px 11px}.how,.faq{gap:45px}.project-note{grid-template-columns:1fr 1.2fr}.project-note a{grid-column:2}.manifesto .big-spark{font-size:200px;left:-85px}}
@media(max-width:780px){.nav{height:89px}.nav nav{display:none}.hero{padding-top:30px;grid-template-columns:1fr;gap:38px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:9px}.hero h1{font-size:66px;letter-spacing:-3.7px}.hero h1 em{font-size:1em}.hero-note{justify-content:center}.hero-art{height:420px;max-width:550px;width:100%;margin:auto;border-radius:140px 140px 14px 14px}.house{top:94px}.sun{top:25px;right:75px}.location{top:55px}.opportunity{bottom:47px}.art-label{bottom:17px}.tree{bottom:95px}.trade-strip>.wrap{flex-wrap:wrap;justify-content:center;gap:13px 18px}.trade-strip span{max-width:none;width:100%;text-align:center}.trade-strip strong{font-size:13px}.trade-strip b{font-size:15px}.trade-strip b:last-of-type{display:none}.market{padding-top:59px}.section-top{display:block}.section-top h2{font-size:37px}.section-top p{margin-top:17px;max-width:100%}.market-shell{padding:17px}.filters{grid-template-columns:1fr 1fr;gap:9px}.search-label{grid-column:1/-1}.market-tools{gap:12px;flex-wrap:wrap;margin-top:14px}.chips{gap:6px}.chip{font-size:10px;padding:8px 10px}.view-switch{margin-left:auto}.lead-grid{grid-template-columns:1fr 1fr}.market-footer{align-items:start;flex-direction:column;gap:12px}.how,.faq{grid-template-columns:1fr;gap:40px;padding-block:64px}.how h2,.faq h2{font-size:44px}.how h2 br,.faq h2 br{display:none}.how>div>p{margin-top:16px}.steps-list article{gap:18px}.steps-list p{max-width:none}.manifesto h2{font-size:39px}.manifesto>.wrap{padding-block:60px}.manifesto-side,.big-spark{display:none}.project-note{grid-template-columns:1fr;gap:15px}.project-note a{grid-column:auto}.project-note p{max-width:550px}footer{flex-wrap:wrap;gap:20px}footer>span{width:calc(100% - 140px);text-align:right}footer>a:last-child{margin-left:auto}.map-caption{flex-direction:column;gap:6px}.schematic-map{height:280px}.map-water{font-size:8px;left:4%}.map-area{font-size:6px}.country-shape{inset:25px 8% 25px 15%}}
@media(max-width:480px){.wrap{width:calc(100% - 36px)}.concept-bar{padding:8px 18px;font-size:8px;letter-spacing:.8px;gap:12px}.concept-bar>span:last-child{max-width:160px;text-align:right;line-height:1.5}.concept-bar>span:first-child{max-width:120px;line-height:1.5}.logo{font-size:34px}.nav .button{font-size:10px;gap:18px;padding:13px}.hero h1{font-size:52px;letter-spacing:-2.7px}.hero h1 em{letter-spacing:-2.3px}.hero p{font-size:12px;line-height:1.8}.desktop{display:none}.hero-art{height:365px}.house{transform:translateX(-50%) rotate(-3deg) scale(.8);top:65px}.sun{width:115px;height:115px;right:35px}.tree{right:25px;transform:scale(.8)}.location{font-size:8px;left:16px;top:63px;padding:10px}.opportunity{left:13px;right:13px;bottom:45px;padding:14px 12px;gap:10px}.opportunity strong{font-size:10px}.opportunity small{font-size:7px}.opportunity-icon{width:31px;height:37px}.spark{font-size:24px}.vertical-note{display:none}.hero{padding-bottom:42px}.trade-strip strong{font-size:11px}.trade-strip>.wrap{gap:10px}.trade-strip b{font-size:12px}.section-top h2{font-size:32px;letter-spacing:-1.6px}.section-top h2 em{letter-spacing:-1.5px}.market-shell{padding:12px}.lead-grid{grid-template-columns:1fr}.lead-card{padding:20px}.lead-card h3{font-size:19px}.card-description{font-size:12px}.card-meta strong{font-size:16px}.card-open{font-size:12px}.card-place{font-size:11px}.trade-badge{font-size:10px}.card-description{margin-block:13px 18px}.filters select{font-size:10px;padding-inline:9px}.market-footer{font-size:9px}.how h2,.faq h2{font-size:39px}.manifesto h2{font-size:31px;letter-spacing:-1.4px}.manifesto h2 em{letter-spacing:-1.5px}.manifesto .eyebrow{font-size:8px}.steps-list h3{font-size:17px}.steps-list b{font-size:23px}summary{font-size:14px}dialog{padding:29px 23px}.dialog-title{font-size:26px}.map-pin{font-size:9px;padding:8px}.map-area.kzn{left:68%}.project-note .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.lead-card:hover{transform:none}}
