From: Snapshot-Content-Location: file:///C:/Users/samac/Downloads/index.html Subject: =?utf-8?Q?Domifind=20=E2=80=94=20Your=20property=20search=20in=20Cyprus,?= =?utf-8?Q?=20done=20for=20you?= Date: Thu, 05 Nov 2026 16:07:54 GMT MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--IqWxlAJQora9Xo8oBim52vvU8tTW31824DIDtSBEvB----" ------MultipartBoundary--IqWxlAJQora9Xo8oBim52vvU8tTW31824DIDtSBEvB---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: file:///C:/Users/samac/Downloads/index.html Domifind =E2=80=94 Your property search in Cyprus, done for you</tit= le> <link rel=3D"preconnect" href=3D"https://fonts.googleapis.com/"> <link href=3D"https://fonts.googleapis.com/css2?family=3DFraunces:opsz,wght= @9..144,400;9..144,600;9..144,700&family=3DManrope:wght@400;500;600;700= &display=3Dswap" rel=3D"stylesheet"> </head> <body> <nav> <div class=3D"wrap"> <a href=3D"file:///C:/Users/samac/Downloads/index.html#top" class=3D"lo= go"> <svg viewBox=3D"0 0 40 48" fill=3D"none" class=3D"mark"><path d=3D"M5= 47 V19 A15 15 0 0 1 35 19 V47 Z" fill=3D"#0E3B4A"></path><path d=3D"M10 47= V20 A10 10 0 0 1 30 20 V47 Z" fill=3D"#CFE9EE"></path><circle cx=3D"20" cy= =3D"24" r=3D"4.6" fill=3D"#D9734E"></circle><rect x=3D"10" y=3D"32" width= =3D"20" height=3D"15" fill=3D"#3FA7B5"></rect><path d=3D"M12.5 37.5 q1.9 -1= .5 3.8 0 t3.8 0 t3.8 0 t3.8 0" stroke=3D"#F7F1E8" stroke-width=3D"1.2" fill= =3D"none"></path></svg> <span class=3D"logo-txt"><span class=3D"wm">Domi<span>find</span></sp= an><small class=3D"tagline">Your home, found.</small></span> </a> <div class=3D"navlinks"> <div class=3D"langsw" data-dyn=3D""><button data-lang=3D"en" class=3D= "on">EN</button><button data-lang=3D"el">=CE=95=CE=9B</button><button data-= lang=3D"ru">RU</button></div> <a href=3D"file:///C:/Users/samac/Downloads/index.html#how">How it wo= rks</a> <a href=3D"file:///C:/Users/samac/Downloads/index.html#why">Why Domif= ind</a> <a href=3D"file:///C:/Users/samac/Downloads/index.html#faq">FAQ</a> <a href=3D"file:///C:/Users/samac/Downloads/index.html#brief" class= =3D"btn btn-primary btn-sm">Start my search</a> </div> </div> </nav> <header class=3D"hero" id=3D"top"> <div class=3D"wrap"> <div> <span class=3D"eyebrow"><i></i> Personal property search across Cypru= s</span> <h1>Tell us once.<br>We search <em>everything.</em></h1> <p class=3D"lead">No time to search? Good, that's our job. You spend = 3 minutes. We spend the hours: every agency, every listing, every viewing. = You get only the best matches, and pay nothing until you decide.</p> <div class=3D"hero-cta"> <a href=3D"file:///C:/Users/samac/Downloads/index.html#brief" class= =3D"btn btn-primary">Describe my ideal property =E2=86=92</a> <a href=3D"file:///C:/Users/samac/Downloads/index.html#how" class= =3D"btn btn-ghost">See how it works</a> </div> <div class=3D"timesave"><span class=3D"ic">=E2=8F=B1</span><span>Save= 50+ hours of searching</span></div> <div class=3D"trust"> <div><b>0 =E2=82=AC</b> upfront</div> <div><b>1</b> brief, not 50 calls</div> <div><b>All districts</b> of Cyprus</div> </div> </div> <div class=3D"hero-art"> <svg viewBox=3D"0 0 520 440" xmlns=3D"http://www.w3.org/2000/svg"> <defs> <linearGradient id=3D"sky" x1=3D"0" y1=3D"0" x2=3D"0" y2=3D"1"><s= top offset=3D"0" stop-color=3D"#FBD9C2"></stop><stop offset=3D".55" stop-co= lor=3D"#F7EBDD"></stop><stop offset=3D"1" stop-color=3D"#CFE9EE"></stop></l= inearGradient> <linearGradient id=3D"sea" x1=3D"0" y1=3D"0" x2=3D"0" y2=3D"1"><s= top offset=3D"0" stop-color=3D"#3FA7B5"></stop><stop offset=3D"1" stop-colo= r=3D"#14566B"></stop></linearGradient> </defs> <rect width=3D"520" height=3D"440" fill=3D"url(#sky)"></rect> <circle cx=3D"390" cy=3D"140" r=3D"52" fill=3D"#F4A47F" opacity=3D"= .9"></circle> <path d=3D"M0 270 Q130 250 260 268 T520 262 V440 H0Z" fill=3D"url(#= sea)"></path> <path d=3D"M0 300 Q120 290 250 305 T520 298" stroke=3D"#fff" stroke= -opacity=3D".35" stroke-width=3D"2" fill=3D"none"></path> <path d=3D"M0 330 Q140 318 270 334 T520 326" stroke=3D"#fff" stroke= -opacity=3D".25" stroke-width=3D"2" fill=3D"none"></path> <path d=3D"M0 250 L60 215 L120 238 L190 200 L260 236 L520 230 V280 = H0Z" fill=3D"#E7D3BA"></path> <!-- houses --> <g> <rect x=3D"70" y=3D"190" width=3D"110" height=3D"80" fill=3D"#fff= "></rect><rect x=3D"62" y=3D"182" width=3D"126" height=3D"12" fill=3D"#E9DF= D0"></rect> <rect x=3D"88" y=3D"212" width=3D"22" height=3D"28" fill=3D"#3FA7= B5" opacity=3D".8"></rect><rect x=3D"128" y=3D"212" width=3D"34" height=3D"= 58" fill=3D"#0E3B4A"></rect> <rect x=3D"196" y=3D"160" width=3D"140" height=3D"110" fill=3D"#F= BF7F0"></rect><rect x=3D"188" y=3D"150" width=3D"156" height=3D"14" fill=3D= "#E9DFD0"></rect> <rect x=3D"214" y=3D"180" width=3D"104" height=3D"40" fill=3D"#3F= A7B5" opacity=3D".75"></rect><line x1=3D"266" y1=3D"180" x2=3D"266" y2=3D"2= 20" stroke=3D"#fff" stroke-width=3D"3"></line> <rect x=3D"214" y=3D"232" width=3D"104" height=3D"6" fill=3D"#D97= 34E"></rect> <rect x=3D"200" y=3D"262" width=3D"150" height=3D"16" rx=3D"3" fi= ll=3D"#7CCFDA"></rect> <rect x=3D"350" y=3D"205" width=3D"90" height=3D"65" fill=3D"#fff= "></rect><path d=3D"M342 207 L395 176 L448 207Z" fill=3D"#D9734E"></path> <rect x=3D"366" y=3D"222" width=3D"22" height=3D"22" fill=3D"#3FA= 7B5" opacity=3D".8"></rect><rect x=3D"404" y=3D"226" width=3D"22" height=3D= "44" fill=3D"#14566B"></rect> </g> <!-- palm --> <g stroke=3D"#5C6B3C" stroke-width=3D"5" stroke-linecap=3D"round" f= ill=3D"none"><path d=3D"M470 280 Q462 230 474 180"></path></g> <g fill=3D"#6E8247"><path d=3D"M474 180 q-40 -6 -58 18 q30 -10 58 -= 18Z"></path><path d=3D"M474 180 q38 -12 58 8 q-30 -4 -58 -8Z"></path><path = d=3D"M474 180 q-14 -34 -44 -40 q22 18 44 40Z"></path><path d=3D"M474 180 q1= 6 -34 46 -36 q-24 16 -46 36Z"></path></g> <!-- pins --> <g><path d=3D"M140 120 c-14 0 -24 10 -24 23 c0 17 24 37 24 37 s24 -= 20 24 -37 c0 -13 -10 -23 -24 -23Z" fill=3D"#0E3B4A"></path><circle cx=3D"14= 0" cy=3D"143" r=3D"8" fill=3D"#F7F1E8"></circle></g> <g><path d=3D"M300 70 c-16 0 -28 12 -28 27 c0 20 28 43 28 43 s28 -2= 3 28 -43 c0 -15 -12 -27 -28 -27Z" fill=3D"#D9734E"></path><path d=3D"m290 9= 7 7 7 13 -14" stroke=3D"#fff" stroke-width=3D"4" fill=3D"none" stroke-linec= ap=3D"round" stroke-linejoin=3D"round"></path></g> </svg> <div class=3D"float-card fc2"><div class=3D"dot" style=3D"background:= #E2F4EC">=E2=9C=93</div><div>Shortlist ready<br><span style=3D"color:var(--= muted);font-weight:500">5 best matches, Limassol</span></div></div> <div class=3D"float-card fc1"><div class=3D"dot" style=3D"background:= #FDF1EB">=F0=9F=94=91</div><div>Pre-visited for you<br><span style=3D"color= :var(--muted);font-weight:500">Only properties worth seeing</span></div></d= iv> </div> </div> </header> <section class=3D"pain"> <div class=3D"wrap"> <div class=3D"sec-head"> <span class=3D"kicker">The problem</span> <h2>Property hunting in Cyprus is a second job</h2> <p>Hundreds of agencies, the same flat listed ten times at ten prices= , photos that don't match reality. We take all of it off your plate.</p> </div> <div class=3D"pain-grid"> <div class=3D"pain-col before"> <h3>Searching on your own</h3> <ul> <li><span>=E2=9C=95</span>Scrolling Bazaraki and 30 agency sites = every evening</li> <li><span>=E2=9C=95</span>Duplicate listings, outdated ads, "just= sold" surprises</li> <li><span>=E2=9C=95</span>Calling agents who push what they want = to sell</li> <li><span>=E2=9C=95</span>Weekends lost on viewings that don't ma= tch the photos</li> <li><span>=E2=9C=95</span>Unsure about title deeds, fair prices a= nd hidden costs</li> </ul> </div> <div class=3D"pain-col after"> <h3>With Domifind</h3> <ul> <li><span>=E2=9C=93</span>One brief, written once, in 3 minutes</= li> <li><span>=E2=9C=93</span>We scan the whole market: agencies, dev= elopers, private sellers</li> <li><span>=E2=9C=93</span>We filter, verify and pre-visit for you= </li> <li><span>=E2=9C=93</span>You receive only a curated shortlist th= at fits your brief</li> <li><span>=E2=9C=93</span>You visit only the ones worth your time= </li> </ul> </div> </div> </div> </section> <section id=3D"how"> <div class=3D"wrap"> <div class=3D"sec-head"> <span class=3D"kicker">How it works</span> <h2>Four steps. You do one of them.</h2> </div> <div class=3D"steps"> <div class=3D"step"><div class=3D"num">01</div><h3>You describe</h3><= p>Budget, location down to the neighbourhood, size, must-haves and deal-bre= akers.</p></div> <div class=3D"step"><div class=3D"num">02</div><h3>We search</h3><p>E= very portal, agency and developer in Cyprus, including off-market propertie= s.</p></div> <div class=3D"step"><div class=3D"num">03</div><h3>We select</h3><p>W= e check and compare, and keep only the best options with honest notes on ea= ch.</p></div> <div class=3D"step"><div class=3D"num">04</div><h3>You decide</h3><p>= Visit your shortlist, choose your home. Only then do we get paid.</p></div> </div> <div style=3D"height:46px"></div> <div class=3D"promise"> <div class=3D"big">0=E2=82=AC</div> <div> <h3>Nothing to pay until you've made up your mind</h3> <p>No subscription, no deposit, no upfront fee. Our fee is due only= once you've chosen your property.</p> </div> <a href=3D"file:///C:/Users/samac/Downloads/index.html#brief" class= =3D"btn btn-primary">Start for free</a> </div> </div> </section> <!-- =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D THE BRIEF =3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D --> <section id=3D"brief"> <div class=3D"wrap"> <div class=3D"sec-head"> <span class=3D"kicker">Your brief</span> <h2>Describe your perfect property</h2> <p>Be as precise or as open as you like. The more we know, the better= your shortlist.</p> </div> <div class=3D"wizard"> <div class=3D"panel"> <div class=3D"progress" id=3D"progress"> <button data-go=3D"0" class=3D"active">1 =C2=B7 Property</button> <button data-go=3D"1">2 =C2=B7 Location</button> <button data-go=3D"2">3 =C2=B7 Budget & size</button> <button data-go=3D"3">4 =C2=B7 Must-haves</button> <button data-go=3D"4">5 =C2=B7 About you</button> <button data-go=3D"5">6 =C2=B7 Send</button> </div> <!-- STEP 1 --> <div class=3D"pane active" data-pane=3D"0"> <h3>What are you looking for?</h3> <p class=3D"hint">Start with the basics.</p> <div class=3D"q"> <label class=3D"t">I want to</label> <div class=3D"seg" id=3D"deal"> <button data-v=3D"Buy" class=3D"on">Buy</button> <button data-v=3D"Rent">Rent</button> </div> </div> <div class=3D"q"> <label class=3D"t">Property type <small>(choose one or more)</s= mall></label> <div class=3D"tiles" data-multi=3D"types"> <button class=3D"tile" data-v=3D"Apartment"><span class=3D"ic= ">=F0=9F=8F=A2</span>Apartment</button> <button class=3D"tile" data-v=3D"Penthouse"><span class=3D"ic= ">=F0=9F=8C=87</span>Penthouse</button> <button class=3D"tile" data-v=3D"House"><span class=3D"ic">= =F0=9F=8F=A0</span>House</button> <button class=3D"tile" data-v=3D"Villa"><span class=3D"ic">= =F0=9F=8F=A1</span>Villa</button> <button class=3D"tile" data-v=3D"Townhouse"><span class=3D"ic= ">=F0=9F=8F=98=EF=B8=8F</span>Townhouse</button> <button class=3D"tile" data-v=3D"Studio"><span class=3D"ic">= =F0=9F=9B=8B=EF=B8=8F</span>Studio</button> <button class=3D"tile" data-v=3D"Plot / Land"><span class=3D"= ic">=F0=9F=8C=BF</span>Plot / Land</button> <button class=3D"tile" data-v=3D"Office"><span class=3D"ic">= =F0=9F=92=BC</span>Office</button> <button class=3D"tile" data-v=3D"Shop"><span class=3D"ic">=F0= =9F=9B=8D=EF=B8=8F</span>Shop</button> <button class=3D"tile" data-v=3D"Building"><span class=3D"ic"= >=F0=9F=8F=97=EF=B8=8F</span>Whole building</button> </div> </div> <div class=3D"q"> <label class=3D"t">Purpose</label> <div class=3D"chips" data-multi=3D"purpose"> <button class=3D"chip" data-v=3D"Main home">Main home</button= > <button class=3D"chip" data-v=3D"Holiday home">Holiday home</= button> <button class=3D"chip" data-v=3D"Investment / rental income">= Investment / rental income</button> <button class=3D"chip" data-v=3D"Relocation for work">Relocat= ion for work</button> <button class=3D"chip" data-v=3D"Residency / permit">Residenc= y / permit</button> <button class=3D"chip" data-v=3D"Business premises">Business = premises</button> </div> </div> <div class=3D"q"> <label class=3D"t">Condition</label> <div class=3D"chips" data-multi=3D"condition"> <button class=3D"chip" data-v=3D"New build">New build</button= > <button class=3D"chip" data-v=3D"Off-plan / under constructio= n">Off-plan</button> <button class=3D"chip" data-v=3D"Resale">Resale</button> <button class=3D"chip" data-v=3D"To renovate">To renovate</bu= tton> <button class=3D"chip" data-v=3D"Any condition">Any</button> </div> </div> </div> <!-- STEP 2 --> <div class=3D"pane" data-pane=3D"1"> <h3>Where exactly?</h3> <p class=3D"hint">Tap one or more districts on the map, then pick= the neighbourhoods you like.</p> <div class=3D"mapbox"> <div> <div class=3D"cymap"> <svg viewBox=3D"30 15 580 280" id=3D"map"> <polygon class=3D"district" data-d=3D"Paphos" points=3D"6= 0,120 95,110 140,108 160,150 170,200 175,250 130,236 90,215 65,180"></polyg= on> <polygon class=3D"district" data-d=3D"Limassol" points=3D= "160,150 215,145 265,165 300,190 330,230 300,242 270,250 240,275 215,260 17= 5,250 170,200"></polygon> <polygon class=3D"district" data-d=3D"Nicosia" points=3D"= 140,108 175,105 260,100 330,95 370,110 400,165 345,170 300,190 265,165 215,= 145 160,150"></polygon> <polygon class=3D"district" data-d=3D"Larnaca" points=3D"= 300,190 345,170 400,165 430,175 440,195 410,198 390,200 365,225 355,235 330= ,230"></polygon> <polygon class=3D"district" data-d=3D"Famagusta" points= =3D"370,110 390,90 430,85 590,30 560,55 470,105 455,150 470,185 440,195 430= ,175 400,165"></polygon> <text class=3D"dlabel" data-l=3D"Paphos" x=3D"100" y=3D"1= 75">Paphos</text> <text class=3D"dlabel" data-l=3D"Limassol" x=3D"205" y=3D= "215">Limassol</text> <text class=3D"dlabel" data-l=3D"Nicosia" x=3D"245" y=3D"= 140">Nicosia</text> <text class=3D"dlabel" data-l=3D"Larnaca" x=3D"345" y=3D"= 205">Larnaca</text> <text class=3D"dlabel" data-l=3D"Famagusta" x=3D"405" y= =3D"140">Famagusta</text> </svg> </div> <div class=3D"q" style=3D"margin-top:16px"> <label class=3D"toggle"><input type=3D"checkbox" id=3D"anyw= here"> I'm open to anywhere in Cyprus. Advise me.</label> </div> </div> <div class=3D"areas-col" id=3D"areas" data-dyn=3D""><div class= =3D"empty">=F0=9F=91=88 Select a district on the map to see its neighbourho= ods.</div></div> </div> <div class=3D"q" style=3D"margin-top:22px"> <label class=3D"t">Location preferences</label> <div class=3D"chips" data-multi=3D"locpref"> <button class=3D"chip" data-v=3D"Walking distance to the beac= h">Walk to beach</button> <button class=3D"chip" data-v=3D"Sea view">Sea view</button> <button class=3D"chip" data-v=3D"City centre">City centre</bu= tton> <button class=3D"chip" data-v=3D"Quiet / village">Quiet / vil= lage</button> <button class=3D"chip" data-v=3D"Mountain view">Mountain view= </button> <button class=3D"chip" data-v=3D"Close to international schoo= ls">Near int'l schools</button> <button class=3D"chip" data-v=3D"Close to highway">Near highw= ay</button> <button class=3D"chip" data-v=3D"Close to airport">Near airpo= rt</button> <button class=3D"chip" data-v=3D"Close to shops & caf=C3= =A9s">Shops & caf=C3=A9s</button> </div> </div> <div class=3D"q"> <label class=3D"t">Must be close to=E2=80=A6 <small>(office, sc= hool, family. Optional)</small></label> <input type=3D"text" id=3D"near" placeholder=3D"e.g. Max 15 min= drive from my office at the Limassol Marina"> </div> </div> <!-- STEP 3 --> <div class=3D"pane" data-pane=3D"2"> <h3>Budget & size</h3> <p class=3D"hint" id=3D"budgetHint" data-dyn=3D"">Your purchase b= udget in euros.</p> <div class=3D"q row"> <div><span class=3D"field-l">Minimum</span><select id=3D"pmin" = data-dyn=3D""><option value=3D"">No minimum</option><option value=3D"50000"= >=E2=82=AC50,000</option><option value=3D"100000">=E2=82=AC100,000</option>= <option value=3D"150000">=E2=82=AC150,000</option><option value=3D"200000">= =E2=82=AC200,000</option><option value=3D"250000">=E2=82=AC250,000</option>= <option value=3D"300000">=E2=82=AC300,000</option><option value=3D"400000">= =E2=82=AC400,000</option><option value=3D"500000">=E2=82=AC500,000</option>= <option value=3D"600000">=E2=82=AC600,000</option><option value=3D"750000">= =E2=82=AC750,000</option><option value=3D"1000000">=E2=82=AC1M</option><opt= ion value=3D"1500000">=E2=82=AC1.5M</option><option value=3D"2000000">=E2= =82=AC2M</option><option value=3D"3000000">=E2=82=AC3M</option><option valu= e=3D"5000000">=E2=82=AC5M</option><option value=3D"10000000">=E2=82=AC10M</= option></select></div> <div><span class=3D"field-l">Maximum</span><select id=3D"pmax" = data-dyn=3D""><option value=3D"">No maximum</option><option value=3D"50000"= >=E2=82=AC50,000</option><option value=3D"100000">=E2=82=AC100,000</option>= <option value=3D"150000">=E2=82=AC150,000</option><option value=3D"200000">= =E2=82=AC200,000</option><option value=3D"250000">=E2=82=AC250,000</option>= <option value=3D"300000">=E2=82=AC300,000</option><option value=3D"400000">= =E2=82=AC400,000</option><option value=3D"500000">=E2=82=AC500,000</option>= <option value=3D"600000">=E2=82=AC600,000</option><option value=3D"750000">= =E2=82=AC750,000</option><option value=3D"1000000">=E2=82=AC1M</option><opt= ion value=3D"1500000">=E2=82=AC1.5M</option><option value=3D"2000000">=E2= =82=AC2M</option><option value=3D"3000000">=E2=82=AC3M</option><option valu= e=3D"5000000">=E2=82=AC5M</option><option value=3D"10000000">=E2=82=AC10M</= option><option value=3D"99999999">=E2=82=AC10M+</option></select></div> </div> <div class=3D"q"> <label class=3D"toggle"><input type=3D"checkbox" id=3D"flex"> I= can stretch ~10% for the right property</label> </div> <div class=3D"q" id=3D"financeQ"> <label class=3D"t">Financing</label> <div class=3D"chips" data-single=3D"finance"> <button class=3D"chip" data-v=3D"Cash buyer">Cash</button> <button class=3D"chip" data-v=3D"Mortgage (approved)">Mortgag= e approved</button> <button class=3D"chip" data-v=3D"Mortgage (needs help)">Need = mortgage help</button> <button class=3D"chip" data-v=3D"Not sure yet">Not sure yet</= button> </div> </div> <div class=3D"q"> <label class=3D"t">Bedrooms</label> <div class=3D"chips" data-single=3D"beds"> <button class=3D"chip" data-v=3D"Studio">Studio</button> <button class=3D"chip" data-v=3D"1+">1+</button> <button class=3D"chip" data-v=3D"2+">2+</button> <button class=3D"chip" data-v=3D"3+">3+</button> <button class=3D"chip" data-v=3D"4+">4+</button> <button class=3D"chip" data-v=3D"5+">5+</button> </div> </div> <div class=3D"q"> <label class=3D"t">Bathrooms</label> <div class=3D"chips" data-single=3D"baths"> <button class=3D"chip" data-v=3D"1+">1+</button> <button class=3D"chip" data-v=3D"2+">2+</button> <button class=3D"chip" data-v=3D"3+">3+</button> <button class=3D"chip" data-v=3D"4+">4+</button> </div> </div> <div class=3D"q row"> <div><span class=3D"field-l">Min. covered area (m=C2=B2)</span>= <input type=3D"number" id=3D"area" placeholder=3D"e.g. 120" min=3D"0"></div= > <div><span class=3D"field-l">Min. plot / garden (m=C2=B2)</span= ><input type=3D"number" id=3D"plot" placeholder=3D"optional" min=3D"0"></di= v> </div> </div> <!-- STEP 4 --> <div class=3D"pane" data-pane=3D"3"> <h3>Must-haves & nice-to-haves</h3> <p class=3D"hint">Tap once =3D <b style=3D"color:var(--sea)">nice= to have</b>. Tap twice =3D <b style=3D"color:var(--terra)">must have</b>. = Tap again to clear.</p> <div class=3D"q"> <label class=3D"t">Outdoor & views</label> <div class=3D"chips" data-tri=3D"fac"> <button class=3D"chip" data-v=3D"Private pool">Private pool</= button> <button class=3D"chip" data-v=3D"Communal pool">Communal pool= </button> <button class=3D"chip" data-v=3D"Garden">Garden</button> <button class=3D"chip" data-v=3D"Large veranda">Large veranda= </button> <button class=3D"chip" data-v=3D"Roof garden">Roof garden</bu= tton> <button class=3D"chip" data-v=3D"Sea view">Sea view</button> <button class=3D"chip" data-v=3D"BBQ area">BBQ area</button> </div> </div> <div class=3D"q"> <label class=3D"t">Building & comfort</label> <div class=3D"chips" data-tri=3D"fac"> <button class=3D"chip" data-v=3D"Covered parking">Covered par= king</button> <button class=3D"chip" data-v=3D"2+ parking spaces">2+ parkin= g</button> <button class=3D"chip" data-v=3D"Storage room">Storage</butto= n> <button class=3D"chip" data-v=3D"Elevator">Elevator</button> <button class=3D"chip" data-v=3D"Central A/C">Central A/C</bu= tton> <button class=3D"chip" data-v=3D"Underfloor heating">Underflo= or heating</button> <button class=3D"chip" data-v=3D"Solar panels / PV">Solar / P= V</button> <button class=3D"chip" data-v=3D"Energy class A">Energy class= A</button> <button class=3D"chip" data-v=3D"Smart home">Smart home</butt= on> <button class=3D"chip" data-v=3D"Gym">Gym</button> <button class=3D"chip" data-v=3D"Concierge / security">Concie= rge / security</button> <button class=3D"chip" data-v=3D"Home office room">Home offic= e</button> <button class=3D"chip" data-v=3D"Maid's room">Maid's room</bu= tton> </div> </div> <div class=3D"q"> <label class=3D"t">Practical</label> <div class=3D"chips" data-tri=3D"fac"> <button class=3D"chip" data-v=3D"Title deeds available">Title= deeds available</button> <button class=3D"chip" data-v=3D"Furnished">Furnished</button= > <button class=3D"chip" data-v=3D"Unfurnished">Unfurnished</bu= tton> <button class=3D"chip" data-v=3D"Pet friendly">Pet friendly</= button> <button class=3D"chip" data-v=3D"Ground floor / no stairs">Gr= ound floor / no stairs</button> <button class=3D"chip" data-v=3D"Wheelchair accessible">Acces= sible</button> <button class=3D"chip" data-v=3D"Rental income potential">Ren= tal potential</button> </div> </div> <div class=3D"q"> <label class=3D"t">Deal-breakers <small>(anything you absolutel= y don't want)</small></label> <input type=3D"text" id=3D"nogo" placeholder=3D"e.g. No main ro= ad, no top floor without lift, not facing north"> </div> <div class=3D"q"> <label class=3D"t">Anything else? <small>Your dream, in your ow= n words</small></label> <textarea id=3D"notes" placeholder=3D"e.g. Bright, modern, open= -plan kitchen, a quiet street where kids can play, 10 min from the Old Port= =E2=80=A6"></textarea> </div> </div> <!-- STEP 5 --> <div class=3D"pane" data-pane=3D"4"> <h3>About you</h3> <p class=3D"hint">So we can send you your shortlist.</p> <div class=3D"q row"> <div><span class=3D"field-l">Full name *</span><input type=3D"t= ext" id=3D"name" placeholder=3D"Your name"></div> <div><span class=3D"field-l">Phone / WhatsApp *</span><input ty= pe=3D"tel" id=3D"phone" placeholder=3D"+357 =E2=80=A6"></div> </div> <div class=3D"q"><span class=3D"field-l">Email</span><input type= =3D"email" id=3D"email" placeholder=3D"you@email.com"></div> <div class=3D"q"> <label class=3D"t">When do you want to move / buy?</label> <div class=3D"chips" data-single=3D"when"> <button class=3D"chip" data-v=3D"As soon as possible">ASAP</b= utton> <button class=3D"chip" data-v=3D"Within 1=E2=80=933 months">1= =E2=80=933 months</button> <button class=3D"chip" data-v=3D"Within 3=E2=80=936 months">3= =E2=80=936 months</button> <button class=3D"chip" data-v=3D"6+ months / just exploring">= 6+ months</button> </div> </div> <div class=3D"q"> <label class=3D"t">Preferred language</label> <div class=3D"chips" data-multi=3D"lang"> <button class=3D"chip" data-v=3D"English">English</button> <button class=3D"chip" data-v=3D"Greek">=CE=95=CE=BB=CE=BB=CE= =B7=CE=BD=CE=B9=CE=BA=CE=AC</button> <button class=3D"chip" data-v=3D"French">Fran=C3=A7ais</butto= n> <button class=3D"chip" data-v=3D"Arabic">=D8=A7=D9=84=D8=B9= =D8=B1=D8=A8=D9=8A=D8=A9</button> <button class=3D"chip" data-v=3D"Spanish">Espa=C3=B1ol</butto= n> <button class=3D"chip" data-v=3D"Russian">=D0=A0=D1=83=D1=81= =D1=81=D0=BA=D0=B8=D0=B9</button> </div> </div> <div class=3D"q"> <label class=3D"t">Best way to reach you</label> <div class=3D"chips" data-single=3D"contact"> <button class=3D"chip" data-v=3D"WhatsApp">WhatsApp</button> <button class=3D"chip" data-v=3D"Phone call">Phone call</butt= on> <button class=3D"chip" data-v=3D"Email">Email</button> </div> </div> <div class=3D"q"> <label class=3D"t">Are you currently in Cyprus?</label> <div class=3D"chips" data-single=3D"incy"> <button class=3D"chip" data-v=3D"Yes, living in Cyprus">Yes, = I live here</button> <button class=3D"chip" data-v=3D"Abroad, relocating">Abroad, = relocating</button> <button class=3D"chip" data-v=3D"Abroad, buying remotely">Buy= ing remotely</button> </div> </div> <div class=3D"err" id=3D"err">Please add your name and phone so w= e can reach you.</div> </div> <!-- STEP 6 --> <div class=3D"pane" data-pane=3D"5"> <div id=3D"sendBox"> <h3>Your brief is ready</h3> <p class=3D"hint">Check it below, then send it in one tap. We'l= l confirm within 24 hours and start searching.</p> <div class=3D"review" id=3D"review" data-dyn=3D""></div> <div class=3D"send-grid"> <a class=3D"send wa" id=3D"sendWa" href=3D"file:///C:/Users/s= amac/Downloads/index.html#" target=3D"_blank" rel=3D"noopener">=F0=9F=92=AC= Send on WhatsApp<small>Fastest reply</small></a> <a class=3D"send em" id=3D"sendEm" href=3D"file:///C:/Users/s= amac/Downloads/index.html#">=E2=9C=89=EF=B8=8F Send by email<small id=3D"em= Addr" data-dyn=3D""></small></a> <button class=3D"send cp" id=3D"copyBtn">=F0=9F=93=8B Copy my= brief<small>Paste it anywhere</small></button> </div> </div> </div> <div class=3D"nav-btns"> <button class=3D"btn btn-ghost btn-sm" id=3D"back" style=3D"visib= ility:hidden">=E2=86=90 Back</button> <button class=3D"btn btn-primary" id=3D"next" data-dyn=3D"">Next = =E2=86=92</button> </div> </div> <aside class=3D"summary"> <h3>Your search</h3> <div class=3D"sub">Updates as you go</div> <div class=3D"sum-row"><b>Looking to</b><div class=3D"v" id=3D"s-de= al" data-dyn=3D"">Buy</div></div> <div class=3D"sum-row"><b>Type</b><div class=3D"v empty" id=3D"s-ty= pe" data-dyn=3D"">Not set yet</div></div> <div class=3D"sum-row"><b>Where</b><div class=3D"v empty" id=3D"s-w= here" data-dyn=3D"">Not set yet</div></div> <div class=3D"sum-row"><b>Budget</b><div class=3D"v empty" id=3D"s-= budget" data-dyn=3D"">Not set yet</div></div> <div class=3D"sum-row"><b>Size</b><div class=3D"v empty" id=3D"s-si= ze" data-dyn=3D"">Not set yet</div></div> <div class=3D"sum-row"><b>Must-haves</b><div class=3D"v empty" id= =3D"s-must" data-dyn=3D"">Not set yet</div></div> <div class=3D"meter"><i id=3D"meter" style=3D"width: 0%;"></i></div= > <div class=3D"meter-l" id=3D"meterL" data-dyn=3D"">Brief 0% complet= e. Keep going</div> </aside> </div> </div> </section> <section id=3D"why"> <div class=3D"wrap"> <div class=3D"sec-head"> <span class=3D"kicker">Why Domifind</span> <h2>On your side, not the seller's</h2> <p>Most agents are paid to sell the properties they list. Domifind wo= rks for one person only: you.</p> </div> <div class=3D"why"> <div class=3D"card"><div class=3D"ic">=F0=9F=94=8E</div><h3>The whole= market</h3><p>Portals, agencies, developers and private sellers. Listings = you'd never find on your own, all in one place.</p></div> <div class=3D"card"><div class=3D"ic">=F0=9F=9B=A1=EF=B8=8F</div><h3>= Verified & honest</h3><p>We check title deeds, real prices and conditio= n, and tell you the downsides too.</p></div> <div class=3D"card"><div class=3D"ic">=F0=9F=8C=8D</div><h3>We speak = your language</h3><p>Contact us in the language of your choice. We'll do ou= r best to meet your needs.</p></div> <div class=3D"card"><div class=3D"ic">=E2=8F=B1=EF=B8=8F</div><h3>You= r time back</h3><p>No more evenings of scrolling. You only visit properties= that already fit.</p></div> <div class=3D"card"><div class=3D"ic">=F0=9F=A4=9D</div><h3>Negotiati= on support</h3><p>Once you've found the one, we help you get the right pric= e and terms.</p></div> <div class=3D"card"><div class=3D"ic">=F0=9F=92=B6</div><h3>Pay only = at the end</h3><p>No upfront costs. If you don't find your property, you do= n't pay.</p></div> </div> </div> </section> <section id=3D"faq" style=3D"padding-top:20px"> <div class=3D"wrap"> <div class=3D"sec-head"><span class=3D"kicker">FAQ</span><h2>Good quest= ions</h2></div> <div class=3D"faq"> <details><summary>Is it really free to start?</summary><p>Yes. Sendin= g your brief and receiving your shortlist costs nothing. Our fee applies on= ly once you've chosen a property and decided to go ahead.</p></details> <details><summary>How fast will I get my shortlist?</summary><p>Usual= ly within a few days, depending on how specific your brief is and the marke= t in your chosen area. We'll keep you updated along the way.</p></details> <details><summary>Can I search from abroad?</summary><p>Absolutely. M= any clients relocate to Cyprus. We can do video viewings, check areas for y= ou and organise everything before you arrive.</p></details> <details><summary>Do you only show properties from one agency?</summa= ry><p>No. We search across the entire Cyprus market, so you get the best op= tions, not the ones a single agency needs to sell.</p></details> <details><summary>Do you also help with rentals?</summary><p>Yes. Lon= g-term rentals in all districts, for families, professionals and companies = relocating staff.</p></details> </div> </div> </section> <section style=3D"padding-top:20px"> <div class=3D"wrap"> <div class=3D"cta-band"> <h2>Stop searching. Start choosing.</h2> <p>Three minutes to describe it. We'll do the rest.</p> <a href=3D"file:///C:/Users/samac/Downloads/index.html#brief" class= =3D"btn">Describe my ideal property =E2=86=92</a> </div> </div> </section> <footer> <div class=3D"wrap"> <a href=3D"file:///C:/Users/samac/Downloads/index.html#top" class=3D"lo= go" style=3D"font-size:1.25rem"><svg viewBox=3D"0 0 40 48" fill=3D"none" cl= ass=3D"mark" style=3D"width:24px;height:29px"><path d=3D"M5 47 V19 A15 15 0= 0 1 35 19 V47 Z" fill=3D"#0E3B4A"></path><path d=3D"M10 47 V20 A10 10 0 0 = 1 30 20 V47 Z" fill=3D"#CFE9EE"></path><circle cx=3D"20" cy=3D"24" r=3D"4.6= " fill=3D"#D9734E"></circle><rect x=3D"10" y=3D"32" width=3D"20" height=3D"= 15" fill=3D"#3FA7B5"></rect><path d=3D"M12.5 37.5 q1.9 -1.5 3.8 0 t3.8 0 t3= .8 0 t3.8 0" stroke=3D"#F7F1E8" stroke-width=3D"1.2" fill=3D"none"></path><= /svg><span class=3D"logo-txt"><span class=3D"wm">Domi<span>find</span></spa= n><small class=3D"tagline">Your home, found.</small></span></a> <div>Limassol =C2=B7 Paphos =C2=B7 Larnaca =C2=B7 Nicosia =C2=B7 Famagu= sta</div> <div>=C2=A9 2026 Domifind =C2=B7 Cyprus</div> </div> </footer> <div class=3D"toast" id=3D"toast" data-dyn=3D""></div> </body></html> ------MultipartBoundary--IqWxlAJQora9Xo8oBim52vvU8tTW31824DIDtSBEvB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap @charset "utf-8"; @font-face { font-family: Fraunces; font-style: normal; font-weight: 400; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTBv7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-3= 01, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Fraunces; font-style: normal; font-weight: 400; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTB_7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+32= 9, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4,= U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fraunces; font-style: normal; font-weight: 400; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTCf7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U= +329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, = U+FFFD; } @font-face { font-family: Fraunces; font-style: normal; font-weight: 600; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTBv7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-3= 01, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Fraunces; font-style: normal; font-weight: 600; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTB_7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+32= 9, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4,= U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fraunces; font-style: normal; font-weight: 600; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTCf7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U= +329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, = U+FFFD; } @font-face { font-family: Fraunces; font-style: normal; font-weight: 700; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTBv7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-3= 01, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Fraunces; font-style: normal; font-weight: 700; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTB_7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+32= 9, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4,= U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Fraunces; font-style: normal; font-weight: 700; f= ont-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3D6NUh8Fy= LNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0K7iN7iQcIfJD58ngz1dU3gg7S2nfgRY= IcUByTCf7T&skey=3D2eca4ab215eafb9c&v=3Dv38") format("woff2"); unicode-range= : U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U= +329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, = U+FFFD; } @font-face { font-family: Manrope; font-style: normal; font-weight: 400; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFrVRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+= 2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Manrope; font-style: normal; font-weight: 400; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFpFRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0= -4B1, U+2116; } @font-face { font-family: Manrope; font-style: normal; font-weight: 400; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFo1Rh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U= +38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Manrope; font-style: normal; font-weight: 400; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFr1Rh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U= +168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+3= 29, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Manrope; font-style: normal; font-weight: 400; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFrlRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U= +2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-= 1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Manrope; font-style: normal; font-weight: 400; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFoFRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2B= C, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U= +2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Manrope; font-style: normal; font-weight: 500; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFrVRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+= 2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Manrope; font-style: normal; font-weight: 500; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFpFRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0= -4B1, U+2116; } @font-face { font-family: Manrope; font-style: normal; font-weight: 500; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFo1Rh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U= +38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Manrope; font-style: normal; font-weight: 500; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFr1Rh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U= +168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+3= 29, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Manrope; font-style: normal; font-weight: 500; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFrlRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U= +2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-= 1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Manrope; font-style: normal; font-weight: 500; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFoFRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2B= C, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U= +2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Manrope; font-style: normal; font-weight: 600; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFrVRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+= 2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Manrope; font-style: normal; font-weight: 600; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFpFRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0= -4B1, U+2116; } @font-face { font-family: Manrope; font-style: normal; font-weight: 600; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFo1Rh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U= +38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Manrope; font-style: normal; font-weight: 600; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFr1Rh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U= +168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+3= 29, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Manrope; font-style: normal; font-weight: 600; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFrlRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U= +2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-= 1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Manrope; font-style: normal; font-weight: 600; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFoFRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2B= C, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U= +2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: Manrope; font-style: normal; font-weight: 700; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFrVRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+= 2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: Manrope; font-style: normal; font-weight: 700; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFpFRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0= -4B1, U+2116; } @font-face { font-family: Manrope; font-style: normal; font-weight: 700; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFo1Rh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U= +38C, U+38E-3A1, U+3A3-3FF; } @font-face { font-family: Manrope; font-style: normal; font-weight: 700; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFr1Rh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U= +168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+3= 29, U+1EA0-1EF9, U+20AB; } @font-face { font-family: Manrope; font-style: normal; font-weight: 700; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFrlRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U= +2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-= 1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: Manrope; font-style: normal; font-weight: 700; fo= nt-display: swap; src: url("https://fonts.gstatic.com/l/font?kit=3Dxn7KYHE4= 1ni1AdIRqAuZuw1Bx9mbZk79FI3O0Ugp5H3HH7ex7kyFoFRh&skey=3Dc397ded15edc0853&v= =3Dv23") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2B= C, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U= +2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--IqWxlAJQora9Xo8oBim52vvU8tTW31824DIDtSBEvB---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-a735bee6-439f-491a-a8e3-3bb11fe96cd0@mhtml.blink @charset "utf-8"; :root { --sea: #0E3B4A; --sea2: #14566B; --aqua: #3FA7B5; --terra: #D9734E;= --terra2: #C25E3A; --sand: #F7F1E8; --sand2: #EFE5D6; --ink: #1D2A30; --mu= ted: #5E6E75; --line: #E2D7C6; --white: #fff; --r: 18px; --shadow: 0 10px 4= 0px rgba(14,59,74,.12); } * { box-sizing: border-box; margin: 0px; padding: 0px; } html { scroll-behavior: smooth; } body { font-family: Manrope, system-ui, sans-serif; color: var(--ink); back= ground: var(--sand); line-height: 1.55; -webkit-font-smoothing: antialiased= ; } h1, h2, h3 { font-family: Fraunces, Georgia, serif; font-weight: 600; lette= r-spacing: -0.01em; color: var(--sea); } a { color: inherit; } .wrap { max-width: 1160px; margin: 0px auto; padding: 0px 22px; } button { font-family: inherit; cursor: pointer; } nav { position: sticky; top: 0px; z-index: 50; background: rgba(247, 241, 2= 32, 0.88); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line= ); } nav .wrap { display: flex; align-items: center; justify-content: space-betw= een; height: 68px; } .logo { display: flex; align-items: center; gap: 10px; font-family: Fraunce= s, serif; font-size: 1.5rem; font-weight: 700; color: var(--sea); text-deco= ration: none; } .logo svg.mark { width: 30px; height: 36px; flex: 0 0 auto; } .wm { font-style: italic; white-space: nowrap; } .logo .wm { color: var(--sea); } .logo .wm span { color: var(--terra); } .tagline { white-space: nowrap; } .navlinks a.btn-primary { color: rgb(255, 255, 255); white-space: nowrap; } @media (max-width: 560px) { .navlinks a.btn-primary { display: none; } .logo { font-size: 1.3rem; gap: 8px; } .langsw button { padding: 6px 9px; } } .logo span { color: var(--terra); } .logo-txt { display: flex; flex-direction: column; line-height: 1; } .tagline { font-family: Manrope, sans-serif; font-size: 0.68rem; font-weigh= t: 600; color: var(--muted); letter-spacing: 0.04em; margin-top: 4px; } .langsw { display: inline-flex; background: rgb(255, 255, 255); border: 1px= solid var(--line); border-radius: 999px; padding: 3px; } .langsw button { border-width: medium; border-style: none; border-color: cu= rrentcolor; border-image: none; background: none; padding: 6px 11px; border= -radius: 999px; font-weight: 700; font-size: 0.8rem; color: var(--muted); } .langsw button.on { background: var(--sea); color: rgb(255, 255, 255); } .chip.must::before { content: "=E2=98=85 "; } .navlinks { display: flex; gap: 26px; align-items: center; font-weight: 600= ; font-size: 0.95rem; } .navlinks a { text-decoration: none; color: var(--muted); } .navlinks a:hover { color: var(--sea); } .btn { display: inline-flex; align-items: center; gap: 8px; border-width: m= edium; border-style: none; border-color: currentcolor; border-image: none; = border-radius: 999px; padding: 13px 24px; font-weight: 700; font-size: 1rem= ; text-decoration: none; transition: 0.2s; } .btn-primary { background: var(--terra); color: rgb(255, 255, 255); box-sha= dow: rgba(217, 115, 78, 0.35) 0px 6px 18px; } .btn-primary:hover { background: var(--terra2); transform: translateY(-1px)= ; } .btn-ghost { background: transparent; color: var(--sea); border: 1.5px soli= d var(--sea); } .btn-ghost:hover { background: var(--sea); color: rgb(255, 255, 255); } .btn-sm { padding: 9px 18px; font-size: 0.9rem; } @media (max-width: 760px) { .navlinks a:not(.btn) { display: none; } .navlinks { gap: 10px; } } @media (max-width: 420px) { .navlinks .btn-sm { padding: 8px 12px; font-size: 0.8rem; } } .hero { position: relative; overflow: hidden; padding: 70px 0px 40px; } .hero .wrap { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 40p= x; align-items: center; } .eyebrow { display: inline-flex; gap: 8px; align-items: center; background:= rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 999px; p= adding: 6px 14px; font-size: 0.85rem; font-weight: 600; color: var(--sea2);= } .eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: rgb(4= 5, 179, 122); display: inline-block; } .hero h1 { font-size: clamp(2.4rem, 5vw, 3.9rem); line-height: 1.05; margin= : 18px 0px; } .hero h1 em { font-style: italic; color: var(--terra); } .hero p.lead { font-size: 1.15rem; color: var(--muted); max-width: 520px; } .hero-cta { display: flex; gap: 12px; flex-wrap: wrap; margin: 28px 0px 22p= x; } .timesave { display: inline-flex; align-items: center; gap: 12px; backgroun= d: rgb(255, 255, 255); border: 1.5px solid rgb(241, 205, 187); border-radiu= s: 16px; padding: 10px 18px 10px 10px; margin-bottom: 18px; font-family: Fr= aunces, Georgia, serif; font-size: 1.35rem; font-weight: 600; color: var(--= sea); } .timesave .ic { width: 40px; height: 40px; border-radius: 12px; background:= rgb(253, 241, 235); display: grid; place-items: center; font-size: 1.25rem= ; } .trust { display: flex; gap: 22px; flex-wrap: wrap; font-size: 0.9rem; colo= r: var(--muted); font-weight: 600; } .trust b { color: var(--sea); } .hero-art { position: relative; } .hero-art svg { width: 100%; height: auto; border-radius: 28px; box-shadow:= var(--shadow); } .float-card { position: absolute; background: rgb(255, 255, 255); border-ra= dius: 14px; box-shadow: var(--shadow); padding: 12px 16px; font-size: 0.85r= em; font-weight: 600; display: flex; gap: 10px; align-items: center; } .float-card .dot { width: 34px; height: 34px; border-radius: 10px; display:= grid; place-items: center; font-size: 1.1rem; } .fc1 { left: -18px; bottom: 40px; } .fc2 { right: -10px; top: 30px; } @media (max-width: 900px) { .hero .wrap { grid-template-columns: 1fr; } .fc1 { left: 8px; } .fc2 { right: 8px; } } section { padding: 80px 0px; } .sec-head { text-align: center; max-width: 640px; margin: 0px auto 46px; } .sec-head h2 { font-size: clamp(1.9rem, 3.5vw, 2.7rem); margin-bottom: 12px= ; } .sec-head p { color: var(--muted); font-size: 1.05rem; } .kicker { font-size: 0.8rem; letter-spacing: 0.14em; text-transform: upperc= ase; color: var(--terra); font-weight: 700; margin-bottom: 10px; display: b= lock; } .pain { background: var(--sea); color: rgb(231, 241, 243); } .pain h2 { color: rgb(255, 255, 255); } .pain .sec-head p { color: rgb(169, 199, 205); } .pain-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; } .pain-col { border-radius: var(--r); padding: 30px; } .pain-col.before { background: rgba(255, 255, 255, 0.06); border: 1px solid= rgba(255, 255, 255, 0.12); } .pain-col.after { background: rgb(255, 255, 255); color: var(--ink); } .pain-col h3 { font-size: 1.35rem; margin-bottom: 16px; } .pain-col.before h3 { color: rgb(243, 185, 163); } .pain-col ul { list-style: none; display: grid; gap: 12px; } .pain-col li { display: flex; gap: 12px; align-items: flex-start; } .pain-col li span { flex: 0 0 26px; height: 26px; border-radius: 50%; displ= ay: grid; place-items: center; font-size: 0.8rem; font-weight: 700; } .before li span { background: rgba(243, 185, 163, 0.15); color: rgb(243, 18= 5, 163); } .after li span { background: rgb(226, 244, 236); color: rgb(31, 138, 91); } @media (max-width: 760px) { .pain-grid { grid-template-columns: 1fr; } } .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; } .step { background: rgb(255, 255, 255); border-radius: var(--r); padding: 2= 6px; border: 1px solid var(--line); position: relative; } .step .num { font-family: Fraunces, serif; font-size: 2.4rem; color: var(--= terra); line-height: 1; } .step h3 { font-size: 1.2rem; margin: 12px 0px 8px; } .step p { color: var(--muted); font-size: 0.95rem; } @media (max-width: 900px) { .steps { grid-template-columns: 1fr 1fr; } } @media (max-width: 520px) { .steps { grid-template-columns: 1fr; } } .promise { background: linear-gradient(135deg, rgb(252, 233, 223), rgb(247,= 241, 232)); border: 1px solid rgb(241, 205, 187); border-radius: 28px; pad= ding: 44px; display: grid; grid-template-columns: auto 1fr auto; gap: 30px;= align-items: center; } .promise .big { font-family: Fraunces, serif; font-size: 4.2rem; color: var= (--terra); line-height: 1; } .promise h3 { font-size: 1.7rem; margin-bottom: 6px; } .promise p { color: var(--muted); } @media (max-width: 760px) { .promise { grid-template-columns: 1fr; text-align: center; padding: 30px;= } } #brief { background: var(--sand2); } .wizard { display: grid; grid-template-columns: 1fr 340px; gap: 24px; align= -items: start; } @media (max-width: 980px) { .wizard { grid-template-columns: 1fr; } } .panel { background: rgb(255, 255, 255); border-radius: 24px; box-shadow: v= ar(--shadow); overflow: hidden; } .progress { display: flex; border-bottom: 1px solid var(--line); overflow-x= : auto; } .progress button { flex: 1 1 0%; min-width: 110px; background: none; border= -width: medium medium 3px; border-style: none none solid; border-color: cur= rentcolor currentcolor transparent; border-image: none; padding: 16px 10px;= font-weight: 700; font-size: 0.85rem; color: rgb(154, 167, 172); white-spa= ce: nowrap; } .progress button.active { color: var(--sea); border-color: var(--terra); } .progress button.done { color: var(--sea2); } .progress button.done::before { content: "=E2=9C=93 "; color: rgb(45, 179, = 122); } .pane { display: none; padding: 32px; } .pane.active { display: block; animation: 0.35s ease 0s 1 normal none runni= ng fade; } @keyframes fade {=20 0% { opacity: 0; transform: translateY(6px); } 100% { opacity: 1; transform: none; } } .pane h3 { font-size: 1.5rem; margin-bottom: 4px; } .pane .hint { color: var(--muted); margin-bottom: 22px; font-size: 0.95rem;= } .q { margin-bottom: 26px; } .q label.t { display: block; font-weight: 700; margin-bottom: 10px; font-si= ze: 0.95rem; } .q label.t small { font-weight: 500; color: var(--muted); } .seg { display: inline-flex; background: var(--sand); border-radius: 999px;= padding: 5px; gap: 4px; } .seg button { border-width: medium; border-style: none; border-color: curre= ntcolor; border-image: none; background: none; padding: 10px 26px; border-r= adius: 999px; font-weight: 700; color: var(--muted); font-size: 1rem; } .seg button.on { background: var(--sea); color: rgb(255, 255, 255); } .tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(118= px, 1fr)); gap: 10px; } .tile { border: 1.5px solid var(--line); background: rgb(255, 255, 255); bo= rder-radius: 14px; padding: 14px 10px; text-align: center; font-weight: 600= ; font-size: 0.9rem; color: var(--ink); transition: 0.15s; } .tile .ic { font-size: 1.5rem; display: block; margin-bottom: 4px; } .tile:hover { border-color: var(--aqua); } .tile.on { border-color: var(--terra); background: rgb(253, 241, 235); colo= r: var(--terra2); } .chips { display: flex; flex-wrap: wrap; gap: 8px; } .chip { border: 1.5px solid var(--line); background: rgb(255, 255, 255); bo= rder-radius: 999px; padding: 8px 15px; font-weight: 600; font-size: 0.88rem= ; color: var(--ink); transition: 0.15s; } .chip:hover { border-color: var(--aqua); } .chip.on { background: var(--sea); border-color: var(--sea); color: rgb(255= , 255, 255); } .chip.must.on { background: var(--terra); border-color: var(--terra); } .row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } @media (max-width: 560px) { .row { grid-template-columns: 1fr; } } select, input[type=3D"text"], input[type=3D"email"], input[type=3D"tel"], i= nput[type=3D"number"], textarea { width: 100%; border: 1.5px solid var(--li= ne); border-radius: 12px; padding: 12px 14px; font-style: inherit; font-var= iant: inherit; font-weight: inherit; font-stretch: inherit; line-height: in= herit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust= : inherit; font-kerning: inherit; font-feature-settings: inherit; font-vari= ation-settings: inherit; font-language-override: inherit; font-size: 1rem; = background: rgb(255, 255, 255); color: var(--ink); } select:focus, input:focus, textarea:focus { outline: none; border-color: va= r(--aqua); box-shadow: rgba(63, 167, 181, 0.18) 0px 0px 0px 3px; } textarea { min-height: 96px; resize: vertical; } .field-l { font-size: 0.8rem; font-weight: 700; color: var(--muted); margin= -bottom: 6px; display: block; text-transform: uppercase; letter-spacing: 0.= 05em; } .nav-btns { display: flex; justify-content: space-between; align-items: cen= ter; padding: 20px 32px; border-top: 1px solid var(--line); background: rgb= (252, 250, 246); } .toggle { display: flex; align-items: center; gap: 10px; font-weight: 600; = font-size: 0.92rem; cursor: pointer; user-select: none; } .toggle input { width: 20px; height: 20px; accent-color: var(--terra); } .mapbox { display: grid; grid-template-columns: 1.2fr 1fr; gap: 20px; align= -items: start; } @media (max-width: 760px) { .mapbox { grid-template-columns: 1fr; } } .cymap { background: linear-gradient(rgb(215, 238, 242), rgb(191, 227, 234)= ); border-radius: 18px; padding: 10px; } .cymap svg { width: 100%; height: auto; display: block; } .district { fill: rgb(246, 237, 223); stroke: rgb(255, 255, 255); stroke-wi= dth: 2.5; cursor: pointer; transition: 0.2s; } .district:hover { fill: rgb(243, 217, 198); } .district.on { fill: var(--terra); } .dlabel { font-family: Manrope; font-weight: 700; font-size: 13px; fill: va= r(--sea); pointer-events: none; } .dlabel.on { fill: rgb(255, 255, 255); } .areas-col h4 { font-family: Fraunces, serif; color: var(--sea); font-size:= 1.1rem; margin: 4px 0px 8px; } .areas-col .empty { color: var(--muted); font-size: 0.92rem; background: va= r(--sand); border-radius: 12px; padding: 16px; } .area-group { margin-bottom: 16px; } .summary { position: sticky; top: 88px; background: var(--sea); color: rgb(= 220, 235, 238); border-radius: 24px; padding: 26px; box-shadow: var(--shado= w); } .summary h3 { color: rgb(255, 255, 255); font-size: 1.3rem; margin-bottom: = 4px; } .summary .sub { font-size: 0.85rem; color: rgb(147, 184, 192); margin-botto= m: 18px; } .sum-row { padding: 10px 0px; border-top: 1px solid rgba(255, 255, 255, 0.1= ); font-size: 0.9rem; } .sum-row b { display: block; font-size: 0.75rem; text-transform: uppercase;= letter-spacing: 0.08em; margin-bottom: 2px; color: rgb(243, 185, 163); } .sum-row .v { color: rgb(255, 255, 255); } .sum-row .v.empty { color: rgb(111, 152, 161); font-style: italic; } .meter { height: 8px; background: rgba(255, 255, 255, 0.12); border-radius:= 9px; margin: 16px 0px 6px; overflow: hidden; } .meter i { display: block; height: 100%; background: linear-gradient(90deg,= var(--aqua),#7AD7B5); width: 0px; transition: 0.4s; } .meter-l { font-size: 0.8rem; color: rgb(147, 184, 192); } .review { background: var(--sand); border-radius: 16px; padding: 18px; font= -size: 0.92rem; white-space: pre-wrap; font-family: Manrope; max-height: 32= 0px; overflow: auto; border: 1px solid var(--line); } .send-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(= 180px, 1fr)); gap: 12px; margin-top: 18px; } @media (max-width: 620px) { .send-grid { grid-template-columns: 1fr; } } .send { border-radius: 16px; padding: 18px; text-align: center; font-weight= : 700; text-decoration: none; border-width: medium; border-style: none; bor= der-color: currentcolor; border-image: none; font-size: 1rem; display: flex= ; flex-direction: column; align-items: center; gap: 6px; } .send small { font-weight: 500; font-size: 0.78rem; opacity: 0.85; } .send.wa { background: rgb(37, 211, 102); color: rgb(255, 255, 255); } .send.em { background: var(--sea); color: rgb(255, 255, 255); } .send.cp { background: rgb(255, 255, 255); color: var(--sea); border: 1.5px= solid var(--sea); } .success { display: none; text-align: center; padding: 30px 10px; } .success .tick { width: 74px; height: 74px; border-radius: 50%; background:= rgb(226, 244, 236); color: rgb(31, 138, 91); font-size: 2.2rem; display: g= rid; place-items: center; margin: 0px auto 14px; } .err { color: rgb(194, 65, 45); font-size: 0.88rem; font-weight: 600; margi= n-top: 8px; display: none; } .why { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; } .why .card { background: rgb(255, 255, 255); border: 1px solid var(--line);= border-radius: var(--r); padding: 26px; } .why .card .ic { font-size: 1.8rem; } .why .card h3 { font-size: 1.15rem; margin: 10px 0px 6px; } .why .card p { color: var(--muted); font-size: 0.95rem; } @media (max-width: 860px) { .why { grid-template-columns: 1fr; } } .faq { max-width: 780px; margin: 0px auto; } details { background: rgb(255, 255, 255); border: 1px solid var(--line); bo= rder-radius: 14px; margin-bottom: 10px; padding: 0px 22px; } summary { list-style: none; cursor: pointer; padding: 18px 0px; font-weight= : 700; display: flex; justify-content: space-between; color: var(--sea); } summary::after { content: "+"; font-size: 1.4rem; color: var(--terra); } details[open] summary::after { content: "=E2=80=93"; } details p { color: var(--muted); padding-bottom: 18px; } .cta-band { background: var(--terra); color: rgb(255, 255, 255); border-rad= ius: 28px; padding: 52px; text-align: center; } .cta-band h2 { color: rgb(255, 255, 255); font-size: clamp(1.8rem, 3.5vw, 2= .6rem); margin-bottom: 10px; } .cta-band p { opacity: 0.9; margin-bottom: 24px; } .cta-band .btn { background: rgb(255, 255, 255); color: var(--terra2); } footer { padding: 40px 0px; color: var(--muted); font-size: 0.88rem; } footer .wrap { display: flex; justify-content: space-between; flex-wrap: wr= ap; gap: 16px; align-items: center; } .toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-5= 0%) translateY(100px); background: var(--ink); color: rgb(255, 255, 255); p= adding: 12px 22px; border-radius: 999px; font-weight: 600; transition: 0.3s= ; z-index: 99; } .toast.show { transform: translateX(-50%) translateY(0px); } ------MultipartBoundary--IqWxlAJQora9Xo8oBim52vvU8tTW31824DIDtSBEvB------